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

91 lines
1.2 KiB
SCSS
Raw Normal View History

2023-02-08 02:55:02 +00:00
.listContainer {
border-bottom: 1px solid rgb(0, 0, 0, 0.1);
display: flex;
justify-content: space-around;
@include mq (md, max) {
display: flex;
flex-direction: column;
}
.listItem{
margin: 0;
}
}
.listItem--DescricaoTab{
:global(.vtex-button) {
border: none;
font-size: 18px;
font-weight: 400;
line-height: 38px;
font-family: $font-open;
background-color: white;
color: $color-gray7;
2023-02-10 14:16:37 +00:00
@include mq (xl, min) {
font-size: 24px;
}
2023-02-08 02:55:02 +00:00
}
}
.listItemActive--DescricaoTab {
border-bottom: 1px solid black;
padding: 0;
margin: 0;
@include mq (md, max) {
border: none;
2023-02-08 23:57:27 +00:00
2023-02-08 02:55:02 +00:00
}
:global(.vtex-button) {
border: none;
font-size: 18px;
font-weight: 400;
line-height: 38px;
font-family: $font-open;
background-color: white;
color: $color-black2;
2023-02-10 14:16:37 +00:00
@include mq (xl, min) {
font-size: 24px;
}
2023-02-08 02:55:02 +00:00
}
}
.container {
.contentContainer--DescricaoCont {
padding-top: 32px;
2023-02-08 02:55:02 +00:00
}
}
.container--Descricao{
padding-top: 16px;
margin: 0 40px 0 40px;
@include mq (md, max) {
border-top: 1px solid $color-gray7;
}
2023-02-08 02:55:02 +00:00
}
2023-02-08 23:57:27 +00:00
.listItem--DescricaoTab{
@include mq (md, max) {
:global(.vtex-button) {
width: 100px;
}
}
}