mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-06-27 12:55:55 +00:00
d078d6e3a9
used `sass-migrator` and some manual intervention to migrate all of the
`@import`s to `@use` statements.
1. needed to prefix all of the `styles/main.scss` imports to use a
relative path (i.e. `../../../../styles/main.scss`
2. needed to add a `@use "container"` to `styles/tab-container` so it
could resolve its `@extend`s
- not sure if this was just an ordering issue or what, but it works
38 lines
677 B
SCSS
38 lines
677 B
SCSS
@use "container";
|
|
|
|
.ffz--tab-container {
|
|
@extend .ffz--outer-container;
|
|
|
|
header:focus {
|
|
outline: none;
|
|
|
|
.tab.active {
|
|
box-shadow: inset 0 0 0 1px var(--color-border-tab-active),
|
|
0 0 6px -2px var(--color-border-tab-active);
|
|
}
|
|
}
|
|
|
|
.tab {
|
|
cursor: pointer;
|
|
position: relative;
|
|
|
|
border-top: 1px solid;
|
|
border-right: 1px solid;
|
|
&:first-child { border-left-width: 1px; border-left-style: solid }
|
|
|
|
border-color: var(--color-border-base);
|
|
|
|
&.active:after {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
content: '';
|
|
border-bottom: 4px solid var(--color-border-tab-active);
|
|
}
|
|
}
|
|
|
|
& > section {
|
|
@extend .ffz--inner-container;
|
|
}
|
|
}
|