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;
}