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
30 lines
No EOL
485 B
SCSS
30 lines
No EOL
485 B
SCSS
@use "container";
|
|
|
|
.ffz--menu-container {
|
|
@extend .ffz--outer-container;
|
|
@extend .ffz--inner-container;
|
|
|
|
position: relative;
|
|
|
|
&:not(.border):not(.border-b) {
|
|
margin-bottom: container.$spacing;
|
|
}
|
|
|
|
& > div {
|
|
margin-top: 0.5rem;
|
|
|
|
& > .ffz--menu-container {
|
|
margin-top: 1.5rem;
|
|
}
|
|
|
|
}
|
|
|
|
& > header {
|
|
position: absolute;
|
|
top: 0; left: container.$spacing - 0.5rem;
|
|
transform: translateY(-50%);
|
|
padding: 0 0.5rem;
|
|
|
|
background-color: var(--color-background-alt);
|
|
}
|
|
} |