consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #4578 from consul/fix_font_icon_content

Browse Source 
Fix content and line-height in SVG font icons
This commit is contained in:
Javi Martín
2021-07-02 19:16:43 +02:00
committed by GitHub
parent 171190d170 53d49c223e
commit 9f0858ac40
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/application.scss
View File

@@ -5,6 +5,8 @@
@import "font-awesome-sprockets"; @import "font-awesome-sprockets";
@import "font-awesome/variables"; @import "font-awesome/variables";
@import "font-awesome/path"; @import "font-awesome/path";
@import "font-awesome/mixins";
@import "font-awesome/core";
@import "jquery-ui/autocomplete"; @import "jquery-ui/autocomplete";
@import "jquery-ui/datepicker"; @import "jquery-ui/datepicker";
@import "jquery-ui/sortable"; @import "jquery-ui/sortable";

4
app/assets/stylesheets/mixins/icons.scss
View File

@@ -1,5 +1,5 @@
%font-icon { %font-icon {
display: inline-block; @extend %fa-icon;
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
vertical-align: middle; vertical-align: middle;
} }
@@ -7,7 +7,7 @@
%svg-icon { %svg-icon {
@supports (mask-image: url()) { @supports (mask-image: url()) {
background: currentcolor; background: currentcolor;
content: ""; content: "" !important;
height: 1em; height: 1em;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: 100% 100%; mask-size: 100% 100%;