41 lines
573 B
SCSS
41 lines
573 B
SCSS
@mixin tab {
|
|
|
|
container: thisTab / inline-size;
|
|
|
|
.collapsible {
|
|
|
|
columns: 2;
|
|
column-gap: 20px;
|
|
padding: 8px;
|
|
display: block;
|
|
height: unset;
|
|
|
|
.talent-group {
|
|
break-inside: avoid-column;
|
|
display: unset;
|
|
height: unset;
|
|
gap: unset;
|
|
padding: unset;
|
|
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
|
|
@container thisTab (inline-size <= 740px ) {
|
|
.collapsible {
|
|
columns: 1;
|
|
}
|
|
}
|
|
|
|
@container thisTab (inline-size > 740px ) {
|
|
.collapsible {
|
|
columns: 2;
|
|
}
|
|
}
|
|
|
|
} |