refactor(static): refactor weather-icons lib
This commit is contained in:
28
static/src/lib/weather-icons/sass/_weather-icons-base.scss
Normal file
28
static/src/lib/weather-icons/sass/_weather-icons-base.scss
Normal file
@@ -0,0 +1,28 @@
|
||||
@use "variables";
|
||||
|
||||
.wi {
|
||||
display: inline-block;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
vertical-align: -0.125em;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
|
||||
mask-size: contain;
|
||||
mask-position: 50%;
|
||||
mask-repeat: no-repeat;
|
||||
background-color: currentColor;
|
||||
|
||||
&.wi-l {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
&.wi-xl {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin weather-icon($icon) {
|
||||
.#{$icon} {
|
||||
mask-image: url(#{variables.$weather-icons-path}/#{$icon}.svg);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user