UX: normalize mobile <input> styles w/desktop

This commit is contained in:
Jeff Atwood 2016-12-01 23:53:07 -08:00
parent d5f4f2f5c1
commit a93c59abbf
2 changed files with 9 additions and 2 deletions

View File

@ -16,7 +16,10 @@ display: none !important; // can be removed if inline JS CSS is removed from com
input { input {
background: $secondary; background: $secondary;
color: $primary; color: $primary;
border-color: blend-primary-secondary(15%); padding: 4px;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0,0,0, .3);
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
} }
#reply-control { #reply-control {

View File

@ -19,7 +19,11 @@
color: dark-light-choose(scale-color($primary, $lightness: 35%), scale-color($secondary, $lightness: 65%)); color: dark-light-choose(scale-color($primary, $lightness: 35%), scale-color($secondary, $lightness: 65%));
} }
label { float: left; display: block; } label { float: left; display: block; }
textarea, input, select {font-size: 1.143em; clear: left; margin-top: 0; } textarea, input, select {
font-size: 1.143em;
clear: left;
margin-top: 0;
}
td { padding: 4px; } td { padding: 4px; }
} }