Amandaalmeida/vtex-cms-template-atualizado-amanda-almeida
1
0
Fork 0
forked from M3-Academy/vtex-cms-template-atualizado
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(newsletter): Adiciona newsletter mobile

Browse Source
This commit is contained in:
amanda almeida 2022-12-09 18:12:55 -03:00
parent 9ec0d88a16
commit 51c8efc668
1 changed files with 34 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/arquivos/sass/components/_newsletter.scss
View File

@ -1,5 +1,5 @@
.footer-newsletter {
padding: 24px 0;
padding: 24px 15px;
background: linear-gradient(180deg, $blue-500 0%, $blue-600 100%);
&__wrapper {
@ -12,25 +12,48 @@
font-size: 14px;
line-height: 17px;
color: $white-500;
@include mq(lg, max) {
max-width: 224px;
margin-bottom: 8px;
}
}
.m3-custom-newsletter-form {
display: flex;
align-items: center;
position: relative;
@include mq(lg, max) {
flex-direction: column;
}
@include mq(lg, min) {
align-items: center;
}
}
fieldset {
flex: 1;
margin: 0 16px 0 0;
margin: 0;
padding: 0;
@include mq(lg, max) {
margin-bottom: 8px;
}
@include mq(lg, min) {
margin-right: 16px;
}
&:last-of-type {
margin-right: 0;
margin: 0;
}
&.m3-cn-button-ok-container {
max-width: 126px;
@include mq(lg, min) {
max-width: 126px;
}
}
label {
@ -88,6 +111,12 @@
line-height: 1;
font-weight: 700;
@include mq(lg, max) {
text-align: center;
width: 100%;
}
.m3-cn-error {
color: $red-300;
}