fix(slider): Ajusta as font-sizes dos cards
This commit is contained in:
parent
b960b55b18
commit
cfe26eea9f
@ -20,6 +20,12 @@
|
|||||||
color: #bababa;
|
color: #bababa;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.listPrice--summary {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
.listPrice--summary::before {
|
.listPrice--summary::before {
|
||||||
content: "de ";
|
content: "de ";
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
@ -33,6 +39,12 @@
|
|||||||
font-size: 24px !important;
|
font-size: 24px !important;
|
||||||
line-height: 33px !important;
|
line-height: 33px !important;
|
||||||
}
|
}
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.sellingPrice--summary {
|
||||||
|
font-size: 18px !important;
|
||||||
|
line-height: 25px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.sellingPrice {
|
.sellingPrice {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
@ -26,6 +26,12 @@
|
|||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.brandName {
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.nameContainer {
|
.nameContainer {
|
||||||
padding: 16px 0 8px;
|
padding: 16px 0 8px;
|
||||||
|
@ -19,3 +19,8 @@
|
|||||||
color: #575757;
|
color: #575757;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.heading--shelf-title {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
@ -10,6 +10,11 @@
|
|||||||
color: $color-gray13;
|
color: $color-gray13;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
|
|
||||||
|
@include mq(md, max) {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: 'de ';
|
content: 'de ';
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
@ -24,6 +29,11 @@
|
|||||||
.sellingPrice--summary {
|
.sellingPrice--summary {
|
||||||
font-size: 24px !important;
|
font-size: 24px !important;
|
||||||
line-height: 33px !important;
|
line-height: 33px !important;
|
||||||
|
|
||||||
|
@include mq(md, max) {
|
||||||
|
font-size: 18px !important;
|
||||||
|
line-height: 25px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.sellingPrice {
|
.sellingPrice {
|
||||||
|
@ -18,6 +18,11 @@
|
|||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
color: $color-black2;
|
color: $color-black2;
|
||||||
|
|
||||||
|
@include mq(md, max) {
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nameContainer {
|
.nameContainer {
|
||||||
|
@ -8,4 +8,8 @@
|
|||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
color: $color-gray6;
|
color: $color-gray6;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|
||||||
|
@include mq(sm, max) {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user