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(slider-shelf): created styles for large devices and using mixin mq

Browse Source
This commit is contained in:
Henrique Santos Santana 2022-12-20 02:44:30 -03:00
parent 6d65e5df9d
commit efb77b62b3
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -38,7 +38,9 @@
.product-item-container { .product-item-container {
margin: 0 8px; margin: 0 8px;
} }
}
.footerCheckout__prateleira {
.product-item { .product-item {
&-figure { &-figure {
width: 100%; width: 100%;
@ -49,7 +51,11 @@
height: auto; height: auto;
} }
} }
}
}
.footerCheckout__prateleira {
.product-item {
&-name, &-name,
&-link, &-link,
.type-name { .type-name {
@ -58,7 +64,11 @@
font-family: $font-family-100; font-family: $font-family-100;
} }
}
}
.footerCheckout__prateleira {
.product-item {
&-name { &-name {
min-height: 36px; min-height: 36px;
@ -77,7 +87,11 @@
min-height: 68px; min-height: 68px;
} }
}
}
.footerCheckout__prateleira {
.product-item {
&-link { &-link {
@include btn-primary-blue-white(); @include btn-primary-blue-white();
@ -116,21 +130,23 @@
color: $clr-common-white; color: $clr-common-white;
} }
}
@media screen and (min-width: 600px) { .footerCheckout__prateleira {
@include mq("md") {
&-title { &-title {
@include text-size("md-200"); @include text-size("md-200");
@include text-height("xl", 100); @include text-height("xl", 100);
} }
} }
@media screen and (min-width: 1025px) { @include mq("lg") {
width: fluid(1034px, 1280px); width: fluid(1034px, 1280px);
margin: 43.42px auto 56px; margin: 43.42px auto 56px;
padding: 0; padding: 0;
} }
@media screen and (min-width: 2500px) { @include mq("xxl") {
&-title { &-title {
@include text-size("xxl"); @include text-size("xxl");
@include text-height("xxl", 300); @include text-height("xxl", 300);