Files
housesof/src/style/molecules/_form.scss
Félix Péault 720ca69902
All checks were successful
continuous-integration/drone/push Build is passing
Add a newsletter subscription form below locations
- One component used below Locations list and in the Pagination when all photos has been loaded
- Keep the subscribe page with the column display
2020-05-06 23:06:26 +02:00

50 lines
830 B
SCSS

// Form
.form {
label {
cursor: pointer;
}
// Group item
// &__group {
// }
// Input group
&__inputgroup {
position: relative;
button {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 32px;
height: 32px;
padding: 0;
@include breakpoint (sm) {
right: 20px;
}
}
// Hover
&:hover {
.input__text {
@extend %input__text--active;
}
}
}
/*
** Variants
*/
// Light version
&--light {
// Text input
.input__text {
&, &::placeholder {
color: $color-text;
}
}
}
}