Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-06 09:20:43 +01:00
Code Issues Projects Releases Wiki Activity

[Icons] Global variable update (#632)

Browse Source 
* [Icons] Global variable update

* Reverted to base class in order to reduce redundant css

* Adjusted comment
This commit is contained in:
Vincent Salucci 2022-01-25 09:58:53 -06:00 committed by GitHub
parent e1d4c4c903
commit 946fc20674
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,3 +1,6 @@
$icomoon-font-family: "bwi-font" !default;
$icomoon-font-path: "fonts" !default;
// New font sheet? Update the font-face information below
@font-face {
font-family: "#{$icomoon-font-family}";
@ -8,6 +11,22 @@
font-display: block;
}
// Base Class
.bwi {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "#{$icomoon-font-family}" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
// Fixed Width Icons
.bwi-fw {
width: (18em / 14);
@ -95,9 +114,6 @@
}
// For new icons - add their glyph name and value to the map below
$icomoon-font-family: "bwi-font" !default;
$icomoon-font-path: "fonts" !default;
$icons: (
"save-changes": "\e988",
"browser": "\e985",
@ -243,19 +259,6 @@ $icons: (
@each $name, $glyph in $icons {
.bwi-#{$name}:before {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "#{$icomoon-font-family}" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: $glyph;
}
}