HenriqueSantosSantana/m3-academy-template-checkout-henrique-santos-santana
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(checkout): added styles for large devices in email,profile,shipping routes

Browse Source
This commit is contained in:
Henrique Santos Santana 2022-12-24 07:57:18 -03:00
parent b5c9339e6c
commit e9003733b7
7 changed files with 1741 additions and 1100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1804
checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
View File

File diff suppressed because it is too large Load Diff

1012
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

File diff suppressed because it is too large Load Diff

2
checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
View File

@ -76,7 +76,7 @@
font-size: 0px;
&::before {
@include font-size("s-200");
@include font-size("s-500");
line-height: 24.51px;
content: "Seu carrinho está vazio.";

5
checkout/src/arquivos/sass/checkout/_checkout.scss
View File

@ -56,6 +56,11 @@ body {
line-height: 42px;
margin: 16px 0;
text-transform: uppercase;
@media screen and (min-width: 2500px) {
font-size: 48px;
line-height: 65px;
}
}
.dropdown {

14
checkout/src/arquivos/sass/lib/_slick.scss
View File

@ -101,16 +101,26 @@
position: absolute;
}
.slick-prev {
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg")
no-repeat center center;
z-index: 4;
left: 10px;
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg")
no-repeat center center;
@media screen and (min-width: 2500px) {
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-M3Academy.svg")
no-repeat center center;
}
}
.slick-next {
z-index: 4;
right: 10px;
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg")
no-repeat center center;
@media screen and (min-width: 2500px) {
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-M3Academy.svg")
no-repeat center center;
}
}
.slick-arrow.slick-hidden {
display: none;

1
checkout/src/arquivos/sass/partials/_header.scss
View File

@ -68,6 +68,7 @@ body :where(ul, li, ol) {
font-style: normal;
font-weight: normal;
font-family: $font-family-100;
text-transform: uppercase;
}

3
checkout/src/arquivos/sass/utils/_variaveis.scss
View File

@ -10,9 +10,9 @@ $clr-common-white: #fff;
$clr-gray-600: #292929;
$clr-gray-500: #6c6c6c;
$clr-gray-450: #c4c4c4;
$clr-gray-400: #7d7d7d;
$clr-gray-300: #8d8d8d;
$clr-gray-250: #c4c4c4;
$clr-gray-200: #e5e5e5;
$clr-gray-100: #f0f0f0;
@ -31,6 +31,7 @@ $text-sizes: (
"s-300": 14px,
"s-400": 16px,
"s-500": 18px, // MAIN
"s-600": 20px,
"splus-100": 24px,
"splus-200": 26px,
"splus-300": 28px,