Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
73 lines
1.4 KiB
Plaintext
73 lines
1.4 KiB
Plaintext
@import '../../scss/styles.scss';
|
|
|
|
@layer payload-default {
|
|
.tabs-field {
|
|
margin-top: base(2);
|
|
margin-left: calc(var(--gutter-h) * -1);
|
|
margin-right: calc(var(--gutter-h) * -1);
|
|
|
|
&--hidden {
|
|
display: none;
|
|
}
|
|
|
|
&__content-wrap {
|
|
padding-left: var(--gutter-h);
|
|
padding-right: var(--gutter-h);
|
|
}
|
|
|
|
&--within-collapsible {
|
|
margin: 0 calc(#{$baseline} * -1);
|
|
|
|
.tabs-field__content-wrap {
|
|
padding-left: $baseline;
|
|
padding-right: $baseline;
|
|
}
|
|
|
|
.tabs-field__tabs {
|
|
&:before,
|
|
&:after {
|
|
content: ' ';
|
|
display: block;
|
|
width: $baseline;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__tabs-wrap {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
margin-bottom: $baseline;
|
|
}
|
|
|
|
&__tabs {
|
|
border-bottom: 1px solid var(--theme-elevation-100);
|
|
display: inline-flex;
|
|
min-width: 100%;
|
|
vertical-align: bottom;
|
|
|
|
&:before,
|
|
&:after {
|
|
content: ' ';
|
|
display: block;
|
|
width: var(--gutter-h);
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
|
|
&__tab--hidden {
|
|
display: none;
|
|
}
|
|
|
|
&__description {
|
|
margin-bottom: calc(var(--base) / 2);
|
|
}
|
|
|
|
@include small-break {
|
|
&--within-collapsible {
|
|
margin-left: calc(var(--gutter-h) * -1);
|
|
margin-right: calc(var(--gutter-h) * -1);
|
|
}
|
|
}
|
|
}
|
|
}
|