Make newsletter form a reusable component

This commit is contained in:
2021-10-16 13:24:16 +02:00
parent e9e838ae1a
commit 8b07352431
7 changed files with 197 additions and 132 deletions

View File

@@ -12,6 +12,34 @@
}
}
// Email Form
.newsletter-form {
margin: 42px auto 70px;
padding: 0 20px;
max-width: max(432px, 70%);
@include bp (sm) {
max-width: 560px;
margin-top: 0;
margin-bottom: 120px;
}
&__email {
input {
color: #fff;
&::placeholder {
color: rgba($color-tertiary, 0.6);
}
}
}
&__bottom {
p {
color: rgba($color-tertiary, 0.6);
}
}
}
// Past Issues
&__issues {
margin: 64px auto 0;
@@ -46,4 +74,12 @@
}
}
}
.globe--cropped {
margin-top: 96px;
@include bp (sm) {
margin-top: 156px;
}
}
}