challenge-vtex-io/styles/sass/pages/product/vtex.tab-layout.scss

55 lines
1.0 KiB
SCSS
Raw Normal View History

2023-01-31 20:29:57 +00:00
.contentItem {
display: flex;
flex-direction: row;
gap:32px;
padding: 32px 72px 16px 72px;
}
//estilização do menu "descrição"
.listContainer {
display: flex;
2023-02-09 19:25:08 +00:00
justify-content: space-between;
padding-left: 104px;
2023-02-09 19:25:08 +00:00
padding-right: 104px;
border-bottom: 1px solid #B9B9B9;
}
.listItem {
margin: 0;
padding: 0;
:global(.vtex-button) {
border-top: none;
border-left: none;
border-right: none;
2023-02-09 19:25:08 +00:00
border-radius: 0;
:global(.vtex-button__label ) {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 38px;
color: #000000;
background-color: white;
padding: 0 16px;
2023-02-09 19:25:08 +00:00
text-transform: initial;
}
}
}
2023-02-10 14:58:13 +00:00
@media (min-width:768px) and (max-width:1024px) {
.listContainer {
display: flex;
flex-direction: column;
padding-left: 40px;
padding-right: 40px;
}
.contentItem {
display: flex;
flex-direction: column;
padding: 32px 40px 16px 40px;
}
}