Make newsletter form a reusable component
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user