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