Skip to content

v4: Translucent .form-control borders #19136

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Feb 9, 2016
Merged

v4: Translucent .form-control borders #19136

merged 3 commits into from
Feb 9, 2016

Conversation

mdo
Copy link
Member

@mdo mdo commented Feb 9, 2016

This moves us from a #ccc border to a rgba(0,0,0,.15) border with background-clip: padding-box so that borders blend in with their background colors way better. Here's an example before and after:

screen shot 2016-02-08 at 10 30 05 pm

screen shot 2016-02-08 at 10 29 50 pm

Notice how the gray in the first screenshot stands out in a not so great way whereas the second screenshot is super smooth and blended with the translucent border.

…for improved blending across different background-colors
@mdo mdo added this to the v4.0.0-alpha.3 milestone Feb 9, 2016
mdo added a commit that referenced this pull request Feb 9, 2016
v4: Translucent .form-control borders
@mdo mdo merged commit 8c99193 into v4-dev Feb 9, 2016
@mdo mdo deleted the v4-input-border branch February 9, 2016 07:41
@mdo mdo mentioned this pull request Feb 9, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant