mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-08-26 07:50:54 +00:00
migrate off of deprecated sass @imports
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
This commit is contained in:
parent
6c48940f91
commit
d078d6e3a9
10 changed files with 55 additions and 50 deletions
|
@ -1,3 +1,5 @@
|
|||
@use "container";
|
||||
|
||||
.ffz--menu-container {
|
||||
@extend .ffz--outer-container;
|
||||
@extend .ffz--inner-container;
|
||||
|
@ -5,7 +7,7 @@
|
|||
position: relative;
|
||||
|
||||
&:not(.border):not(.border-b) {
|
||||
margin-bottom: $spacing;
|
||||
margin-bottom: container.$spacing;
|
||||
}
|
||||
|
||||
& > div {
|
||||
|
@ -19,7 +21,7 @@
|
|||
|
||||
& > header {
|
||||
position: absolute;
|
||||
top: 0; left: $spacing - 0.5rem;
|
||||
top: 0; left: container.$spacing - 0.5rem;
|
||||
transform: translateY(-50%);
|
||||
padding: 0 0.5rem;
|
||||
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@use "container";
|
||||
|
||||
.ffz--tab-container {
|
||||
@extend .ffz--outer-container;
|
||||
|
||||
|
@ -33,4 +35,4 @@
|
|||
& > section {
|
||||
@extend .ffz--inner-container;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue