Sha256: a76220e47b4a66ef7aa3d47376dbf4b1d9ced81124cbaf0b7a54381a63d76cc8
Contents?: true
Size: 1.61 KB
Versions: 4
Compression:
Stored size: 1.61 KB
Contents
// Forms
//––––––––––––––––––––––––––––––––––––––––––––––––––
input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password'],
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
4 entries across 4 versions & 1 rubygems