Sha256: 4d6a25ae9e32c3ede10e076200a35a8b2642b7c0f42ed8d8bd161ae4f35081b3
Contents?: true
Size: 1.47 KB
Versions: 5
Compression:
Stored size: 1.47 KB
Contents
// Forms
//––––––––––––––––––––––––––––––––––––––––––––––––––
textarea,
select {
height: 38px;
padding: 6px 10px; // The 6px vertically centers text on FF, ignored by Webkit
background-color: #fff;
border: 1px solid lighten($border-color, 8.8%);
border-radius: $global-radius;
box-shadow: none;
box-sizing: border-box;
}
// Removes awkward default styles on some inputs for iOS
input {
&[type="email"],
&[type="number"],
&[type="search"],
&[type="text"],
&[type="tel"],
&[type="url"],
&[type="password"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px;
}
input {
&[type="email"]:focus,
&[type="number"]:focus,
&[type="search"]:focus,
&[type="text"]:focus,
&[type="tel"]:focus,
&[type="url"]:focus,
&[type="password"]:focus {
border: 1px solid $primary-color;
outline: 0;
}
}
textarea:focus,
select:focus {
border: 1px solid $primary-color;
outline: 0;
}
label,
legend {
display: block;
margin-bottom: .5rem;
font-weight: 600;
}
fieldset {
padding: 0;
border-width: 0;
}
input {
&[type="checkbox"],
&[type="radio"] {
display: inline;
}
}
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal;
}
Version data entries
5 entries across 5 versions & 2 rubygems