[Icons] Fix sass deprecation warnings (#680)
* [Icons] Cleanup deprecation warnings * Reverted to calc since math.div is not available in our current version * Removed * -1 trick
This commit is contained in:
parent
fc0638a7d9
commit
6d186bb204
|
@ -31,7 +31,7 @@ $icomoon-font-path: "~@bitwarden/jslib-angular/src/scss/bwicons/fonts/" !default
|
|||
|
||||
// Fixed Width Icons
|
||||
.bwi-fw {
|
||||
width: (18em / 14);
|
||||
width: calc(18em / 14);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
@ -41,8 +41,8 @@ $icomoon-font-path: "~@bitwarden/jslib-angular/src/scss/bwicons/fonts/" !default
|
|||
}
|
||||
|
||||
.bwi-lg {
|
||||
font-size: (4em / 3);
|
||||
line-height: (3em / 4);
|
||||
font-size: calc(4em / 3);
|
||||
line-height: calc(3em / 4);
|
||||
vertical-align: -15%;
|
||||
}
|
||||
|
||||
|
@ -75,7 +75,7 @@ $icomoon-font-path: "~@bitwarden/jslib-angular/src/scss/bwicons/fonts/" !default
|
|||
// List Icons
|
||||
.bwi-ul {
|
||||
padding-left: 0;
|
||||
margin-left: (30em / 14);
|
||||
margin-left: calc(30em / 14);
|
||||
list-style-type: none;
|
||||
> li {
|
||||
position: relative;
|
||||
|
@ -84,12 +84,12 @@ $icomoon-font-path: "~@bitwarden/jslib-angular/src/scss/bwicons/fonts/" !default
|
|||
|
||||
.bwi-li {
|
||||
position: absolute;
|
||||
left: -(30em / 14);
|
||||
width: (30em / 14);
|
||||
top: (2em / 14);
|
||||
left: calc(-30em / 14);
|
||||
width: calc(30em / 14);
|
||||
top: calc(2em / 14);
|
||||
text-align: center;
|
||||
&.bwi-lg {
|
||||
left: -(30em / 14) + (4em / 14);
|
||||
left: calc(-30em / 14) + calc(4em / 14);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -247,9 +247,3 @@ $icons: (
|
|||
content: $glyph;
|
||||
}
|
||||
}
|
||||
|
||||
:export {
|
||||
@each $name, $glyph in $icons {
|
||||
#{$name}: $glyph;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue