hypothetical/resources/assets/sass/sections/_subscription-form.scss

35 lines
781 B
SCSS
Raw Normal View History

.subscription-form-section-component {
$trans-speed: 100ms;
width: 200px;
border: 2px solid fade-out($c-base, 0.75);
border-radius: 3px;
background-color: lighten($c-base, 75%);
input {
margin: 5px;
width: calc(100% - 10px);
padding: 3px;
border: 2px solid fade-out($c-base, 0.75);
2018-04-25 23:47:09 -04:00
font-size: 14px;
text-align: center;
transition: border-color $trans-speed;
&:not(:last-child) {
margin-bottom: 0px;
}
&.error {
border-color: $c-error;
}
2018-04-25 23:47:09 -04:00
&::placeholder, &[type="submit"] {
text-transform: uppercase;
}
&[type="submit"] {
@include font-sans-bold;
cursor: pointer;
}
}
}