Félix Péault
fd37c36595
- use a page classed div for PageTransition which avoids to make global style for the page - fix the loading spinner that was too short and would come and go before arriving on the page, now fades out when changing page as pageLoading is defined on the PageTransition afterUpdate
66 lines
1.4 KiB
SCSS
66 lines
1.4 KiB
SCSS
// Subscribe Page
|
|
.subscribe {
|
|
&__top {
|
|
// Email Form
|
|
:global(.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;
|
|
}
|
|
}
|
|
:global(.newsletter-form__bottom) {
|
|
:global(p) {
|
|
color: rgba($color-tertiary, 0.6);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Past Issues
|
|
&__issues {
|
|
margin: 64px auto 96px;
|
|
padding: 0 20px;
|
|
|
|
@include bp (sm) {
|
|
max-width: 800px;
|
|
margin-top: 0;
|
|
margin-bottom: 156px;
|
|
}
|
|
|
|
// Title
|
|
h2 {
|
|
text-align: center;
|
|
margin-top: 40px;
|
|
margin-bottom: 24px;
|
|
|
|
@include bp (sm) {
|
|
margin-top: 64px;
|
|
margin-bottom: 32px;
|
|
}
|
|
}
|
|
|
|
ul {
|
|
@include bp (sm) {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-gap: 24px;
|
|
}
|
|
}
|
|
li {
|
|
display: block;
|
|
margin-bottom: 16px;
|
|
|
|
@include bp (sm) {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
& > :global(*) {
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
} |