site/_src/_assets/styles/_sections/_section-newsletter.scss

76 lines
1.2 KiB
SCSS

.section--newsletter {
background: $brand-primary;
align-items: flex-start;
.form-group,
.grid { margin-bottom: 0; }
.form-control {
border-color: $gray-dark;
&:focus {
border-color: #000;
}
&.parsley-error {
border-color: $brand-danger !important; // stylelint-disable-line
}
}
.btn {
background: $brand-main-blue;
}
.form-label,
.form-control,
.form-control:focus ~ .form-label {
color: $gray-dark;
}
.form-control-feedback {
@extend .bold;
margin-top: $spacer / 2;
}
.form--newsletter {
margin-top: $spacer * 2;
}
.parsley-errors-list {
right: auto;
left: 0;
bottom: -.25rem;
}
}
.newsletter__title {
@extend .h5;
margin-top: 0;
margin-bottom: $spacer / 4;
}
.newsletter__title,
.newsletter__text,
.newsletter__gdpr {
color: $gray-dark;
}
.newsletter__gdpr {
opacity: .8;
.icon {
stroke: $brand-main-blue;
color: $brand-main-blue;
}
a {
box-shadow: inset 0 -1px 0 $brand-main-blue;
&:hover,
&:focus {
background: $brand-main-blue;
}
}
}