55 lines
1.2 KiB
SCSS
55 lines
1.2 KiB
SCSS
|
[data-template="subscription-newsletter"]{
|
||
|
|
|
||
|
|
main{
|
||
|
|
margin-top: calc(var(--spacing)*2);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#form__newsletter__container{
|
||
|
|
max-width: 700px;
|
||
|
|
margin: calc(var(--spacing)*3) auto;
|
||
|
|
margin-bottom: calc(var(--spacing)*4);
|
||
|
|
|
||
|
|
|
||
|
|
.form__newsletter{
|
||
|
|
margin: calc(var(--spacing)*1) 0;
|
||
|
|
|
||
|
|
input[type="email"]{
|
||
|
|
height: calc(var(--h-block)*1.75);
|
||
|
|
border-radius: calc(var(--h-block)*0.875);
|
||
|
|
font-size: var(--fs-medium);
|
||
|
|
&::placeholder{
|
||
|
|
font-size: var(--fs-medium);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
button[type="submit"].btn--bold {
|
||
|
|
--size: calc(var(--h-block)*1.75 - 4px);
|
||
|
|
|
||
|
|
.icon svg{
|
||
|
|
width: 28px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.txt{
|
||
|
|
padding-left: 2ch;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.p__baseline{
|
||
|
|
max-width: 52ch;
|
||
|
|
// margin: 0 auto;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.p__details{
|
||
|
|
color: var(--color-txt);
|
||
|
|
max-width: 80ch;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
#site-footer{
|
||
|
|
margin-top: calc(var(--spacing)*4);
|
||
|
|
padding-top: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|