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

fix(slider-shelf): resolved styles for large devices is not working

Browse Source
This commit is contained in:
Henrique Santos Santana 2022-12-20 02:51:27 -03:00
parent efb77b62b3
commit 5e5a9475c7
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
checkout/src/arquivos/sass/partials/_prateleira.scss
View File

@ -133,6 +133,12 @@
} }
.footerCheckout__prateleira { .footerCheckout__prateleira {
@include mq("lg") {
width: fluid(1034px, 1280px);
margin: 43.42px auto 56px;
padding: 0;
}
@include mq("md") { @include mq("md") {
&-title { &-title {
@include text-size("md-200"); @include text-size("md-200");
@ -140,12 +146,6 @@
} }
} }
@include mq("lg") {
width: fluid(1034px, 1280px);
margin: 43.42px auto 56px;
padding: 0;
}
@include mq("xxl") { @include mq("xxl") {
&-title { &-title {
@include text-size("xxl"); @include text-size("xxl");
@ -154,6 +154,17 @@
padding: 0; padding: 0;
} }
.product-item {
&-name,
&-link,
.type-name {
@include text-size("md-300");
@include text-height("lg", 200);
font-family: $font-family-100;
}
}
.product-item-container { .product-item-container {
margin: 0 9.965px; margin: 0 9.965px;
} }

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

@ -31,6 +31,7 @@ $text-sizes-100: (
"sm": 18px, "sm": 18px,
"md-100": 20px, "md-100": 20px,
"md-200": 24px, "md-200": 24px,
"md-300": 26px,
"lg": 28px, "lg": 28px,
"xl": 36px, "xl": 36px,
"xxl": 48px, "xxl": 48px,