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

61 lines
1.5 KiB
SCSS
Raw Normal View History

.container--estrutura {
padding-left: 40px !important ;
padding-right: 40px !important;
.listContainer--Guias {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1px solid #b9b9b9;
padding: 0px 64px;
margin-bottom: 36px;
@media (max-width: 1024px) {
flex-direction: column;
padding: 0px 0px;
}
.listItem--renderGuia {
margin: 0;
padding: 0;
:global(.vtex-button) {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 38px;
color: #bfbfbf;
2023-01-26 21:21:01 +00:00
text-transform: capitalize;
}
:global(.vtex-button__label) {
@media (max-width: 1024px) {
padding-left: 0;
padding-right: 48px;
2023-01-25 04:01:38 +00:00
}
}
2023-01-25 04:01:38 +00:00
}
.listItemActive--renderGuia {
border-bottom: 3px solid #000000;
background-color: white;
line-height: 0%;
@media (max-width: 1024px) {
border-bottom: none;
2023-01-25 04:01:38 +00:00
}
:global(.vtex-button) {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 38px;
color: black;
background-color: white !important;
border: 0;
}
}
}
.contentContainer--listRender {
margin-left: 32px;
padding-right: 52px;
@media (max-width: 1024px) {
margin-left: 0px;
padding-right: 0px;
}
}
2023-01-27 01:21:39 +00:00
}