vaultwarden
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

[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:
Vincent Salucci 2022-02-18 17:17:58 -06:00 committed by GitHub
parent fc0638a7d9
commit 6d186bb204
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
angular/src/scss/bwicons/styles/style.scss
View File

@ -31,7 +31,7 @@ $icomoon-font-path: "~@bitwarden/jslib-angular/src/scss/bwicons/fonts/" !default
// Fixed Width Icons // Fixed Width Icons
.bwi-fw { .bwi-fw {
width: (18em / 14); width: calc(18em / 14);
text-align: center; text-align: center;
} }
@ -41,8 +41,8 @@ $icomoon-font-path: "~@bitwarden/jslib-angular/src/scss/bwicons/fonts/" !default
} }
.bwi-lg { .bwi-lg {
font-size: (4em / 3); font-size: calc(4em / 3);
line-height: (3em / 4); line-height: calc(3em / 4);
vertical-align: -15%; vertical-align: -15%;
} }
@ -75,7 +75,7 @@ $icomoon-font-path: "~@bitwarden/jslib-angular/src/scss/bwicons/fonts/" !default
// List Icons // List Icons
.bwi-ul { .bwi-ul {
padding-left: 0; padding-left: 0;
margin-left: (30em / 14); margin-left: calc(30em / 14);
list-style-type: none; list-style-type: none;
> li { > li {
position: relative; position: relative;
@ -84,12 +84,12 @@ $icomoon-font-path: "~@bitwarden/jslib-angular/src/scss/bwicons/fonts/" !default
.bwi-li { .bwi-li {
position: absolute; position: absolute;
left: -(30em / 14); left: calc(-30em / 14);
width: (30em / 14); width: calc(30em / 14);
top: (2em / 14); top: calc(2em / 14);
text-align: center; text-align: center;
&.bwi-lg { &.bwi-lg {
left: -(30em / 14) + (4em / 14); left: calc(-30em / 14) + calc(4em / 14);
} }
} }
@ -247,9 +247,3 @@ $icons: (
content: $glyph; content: $glyph;
} }
} }
:export {
@each $name, $glyph in $icons {
#{$name}: $glyph;
}
}