site/_src/_assets/styles/_page-newsletter.scss

64 lines
1.4 KiB
SCSS

.page-newsletter {
.content--page--markdown {
padding-top: 0;
padding-bottom: 0;
}
.section--newsletter {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
display: flex;
align-items: center;
min-height: 60vh;
background: darken($body-bg, 5%);
.form-control {
border-color: $gray-light;
&:focus {
border-color: #fff;
}
}
.btn {
@extend .btn-primary;
}
.newsletter__title {
color: $brand-main-blue-light;
}
// stylelint-disable selector-max-compound-selectors,max-nesting-depth
.form-label,
.form-control,
.form-control:focus ~ .form-label,
.newsletter__text,
.newsletter__gdpr {
color: $text-color;
}
.newsletter__gdpr {
opacity: .6;
.icon {
stroke: $gray-light;
color: $gray-light;
}
a {
box-shadow: inset 0 -1px 0 $gray-light;
&:hover,
&:focus {
background: $gray-light;
}
}
}
// stylelint-enable selector-max-compound-selectors,max-nesting-depth
}
}