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
26 lines
No EOL
751 B
SCSS
26 lines
No EOL
751 B
SCSS
@use "balloon";
|
|
|
|
.ffz-avatar {
|
|
background-color: inherit;
|
|
position: relative;
|
|
|
|
&--size-10 { height: 1rem; width: 1rem }
|
|
&--size-15 { width: 1.5rem; height: 1.5rem }
|
|
&--size-20 { width: 2rem; height: 2rem }
|
|
&--size-24 { width: 2.4rem; height: 2.4rem }
|
|
&--size-30 { width: 3rem; height: 3rem }
|
|
&--size-36 { width: 3.6rem; height: 3.6rem }
|
|
&--size-40 { width: 4rem; height: 4rem }
|
|
&--size-50 { width: 5rem; height: 5rem }
|
|
&--size-60 { width: 6rem; height: 6rem }
|
|
&--size-64 { width: 6.4rem; height: 6.4rem }
|
|
&--size-80 { width: 8rem; height: 8rem }
|
|
&--size-96 { width: 9.6rem; height: 9.6rem }
|
|
&--size-120 { width: 12rem; height: 12rem }
|
|
&--size-300 { width: 30rem; height: 30rem }
|
|
}
|
|
|
|
.ffz-image-avatar,
|
|
.ffz-avatar__img {
|
|
width: 100%;
|
|
} |