62 lines
890 B
SCSS
62 lines
890 B
SCSS
@mixin tab($darkmode: false) {
|
|
|
|
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;
|
|
|
|
fieldset {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
|
|
@container thisTab (inline-size <= 740px ) {
|
|
.collapsible {
|
|
columns: 1;
|
|
}
|
|
}
|
|
|
|
@container thisTab (inline-size > 740px ) {
|
|
.collapsible {
|
|
columns: 2;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.mini-skills {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
height: 100%;
|
|
@include tab;
|
|
|
|
container: unset;
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
}
|
|
} |