Rafael_Sampaio_de_Oliveira/challenge-vtex-io-rafael-sampaio
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adiciona descrição 1024px #24

Merged
Rafael_Sampaio_de_Oliveira merged 1 commits from feature/adiciona-descricao-1024px into development 2023-02-02 13:06:00 +00:00
Conversation 0 Commits 1 Files Changed 5 +64
5 changed files with 64 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 591cc072b7 - Show all commits

4
react/components/Html/styles.css
View File

@ -24,3 +24,7 @@
[class*="html--productDescription"] {
padding: 0 40px;
}
[class*="html--descriptionText"] {
width: 100%;
}

6
styles/css/vtex.rich-text.css
View File

@ -13,4 +13,10 @@
font-weight: 400;
font-size: 24px;
line-height: 38px;
}
@media (max-width: 1024px) {
.headingLevel1--shelfTitleText {
margin-top: 32px;
}
}

22
styles/css/vtex.tab-layout.css
View File

@ -54,4 +54,26 @@
border-bottom: 2px solid #000000;
border-radius: 0;
text-transform: capitalize;
}
@media (max-width: 1024px) {
.listContainer {
flex-direction: column;
border-top: 1px solid #bfbfbf;
}
.listItem :global(.vtex-button) {
display: flex;
width: 100%;
}
.listItem :global(.vtex-button__label) {
padding: 0;
}
.listItemActive :global(.vtex-button) {
border: none;
}
.contentItem {
flex-direction: column;
margin-top: 15px;
gap: 16px;
}
}

6
styles/sass/pages/product/vtex.rich-text.scss
View File

@ -4,3 +4,9 @@
font-size: 24px;
line-height: 38px;
}
@media (max-width: 1024px) {
.headingLevel1--shelfTitleText {
margin-top: 32px;
}
}

26
styles/sass/pages/product/vtex.tab-layout.scss
View File

@ -45,3 +45,29 @@
border-radius: 0;
text-transform: capitalize;
}
@media (max-width: 1024px) {
.listContainer {
flex-direction: column;
border-top: 1px solid $color-gray10;
}
.listItem :global(.vtex-button) {
display: flex;
width: 100%;
}
.listItem :global(.vtex-button__label) {
padding: 0;
}
.listItemActive :global(.vtex-button) {
border: none;
}
.contentItem {
flex-direction: column;
margin-top: 15px;
gap: 16px;
}
}