source/stylesheets/bitters/_forms.scss in refills-0.0.1 vs source/stylesheets/bitters/_forms.scss in refills-0.0.2

- old
+ new

@@ -34,22 +34,22 @@ display: none; } } textarea, -#{$all-text-inputs} { +#{$all-text-inputs}, +select[multiple=multiple] { @include box-sizing(border-box); @include transition(border-color); background-color: white; border-radius: $form-border-radius; border: 1px solid $form-border-color; box-shadow: $form-box-shadow; font-family: $form-font-family; font-size: $form-font-size; margin-bottom: $base-line-height / 2; padding: ($base-line-height / 3) ($base-line-height / 3); - resize: vertical; width: 100%; &:hover { border-color: $form-border-color-hover; } @@ -59,21 +59,30 @@ box-shadow: $form-box-shadow-focus; outline: none; } } +textarea { + resize: vertical; +} + input[type="search"] { @include appearance(none); } input[type="checkbox"], input[type="radio"] { display: inline; margin-right: $base-line-height / 4; } +input[type="file"] { + width: 100%; +} + select { width: auto; + max-width: 100%; margin-bottom: $base-line-height; } button, input[type="submit"] { @@ -81,7 +90,6 @@ @include appearance(none); cursor: pointer; user-select: none; vertical-align: middle; white-space: nowrap; - background-clip: border-box; }