anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: correção de font-size e line-height do .productDescription para @media (max-width: 2561px) and (min-width: 1920px)

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-09 18:52:51 -03:00
parent ef4ccc9dca
commit ad85ed2cdc
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
styles/css/vtex.store-components.css
View File

@ -676,6 +676,7 @@
} }
@media (max-width: 2561px) and (min-width: 1920px) { @media (max-width: 2561px) and (min-width: 1920px) {
.productDescriptionContainer .productDescriptionTitle { .productDescriptionContainer .productDescriptionTitle {
font-size: 32px;
margin-bottom: 16px; margin-bottom: 16px;
} }
} }
@ -698,6 +699,12 @@
line-height: 22px; line-height: 22px;
color: #929292; color: #929292;
} }
@media (max-width: 2561px) and (min-width: 1920px) {
.productDescriptionContainer .productDescriptionText .container .content :first-child {
font-size: 18px;
line-height: 25px;
}
}
@media (max-width: 1025px) and (min-width: 768px) { @media (max-width: 1025px) and (min-width: 768px) {
.productDescriptionContainer .productDescriptionText .container .content :first-child { .productDescriptionContainer .productDescriptionText .container .content :first-child {
font-size: 14px; font-size: 14px;

5
styles/sass/pages/product/vtexStore/vtex.store-components.scss
View File

@ -667,6 +667,7 @@
line-height: 32px; line-height: 32px;
color: #575757; color: #575757;
@media (max-width: 2561px) and (min-width: 1920px) { @media (max-width: 2561px) and (min-width: 1920px) {
font-size: 32px;
margin-bottom: 16px; margin-bottom: 16px;
} }
@media (max-width: 1025px) and (min-width: 768px) { @media (max-width: 1025px) and (min-width: 768px) {
@ -685,6 +686,10 @@
font-size: 16px; font-size: 16px;
line-height: 22px; line-height: 22px;
color: $gray; color: $gray;
@media (max-width: 2561px) and (min-width: 1920px) {
font-size: 18px;
line-height: 25px;
}
@media (max-width: 1025px) and (min-width: 768px) { @media (max-width: 1025px) and (min-width: 768px) {
font-size: 14px; font-size: 14px;
line-height: 19px; line-height: 19px;