Skip to content

Commit f236a54

Browse files
committed
sass: fix slash division deprecation in font-awesome
Replace deprecated `/` division with `calc()` to fix Dart Sass 2.0 deprecation warnings. See https://sass-lang.com/d/slash-div
1 parent 027e87d commit f236a54

File tree

4 files changed

+6
-6
lines changed

4 files changed

+6
-6
lines changed
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// Fixed Width Icons
22
// -------------------------
33
.#{$fa-css-prefix}-fw {
4-
width: (18em / 14);
4+
width: calc(18em / 14);
55
text-align: center;
66
}

_sass/vendor/font-awesome/_larger.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33

44
/* makes the font 33% larger relative to the icon container */
55
.#{$fa-css-prefix}-lg {
6-
font-size: (4em / 3);
7-
line-height: (3em / 4);
6+
font-size: calc(4em / 3);
7+
line-height: calc(3em / 4);
88
vertical-align: -15%;
99
}
1010
.#{$fa-css-prefix}-2x { font-size: 2em; }

_sass/vendor/font-awesome/_list.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@
1111
position: absolute;
1212
left: -$fa-li-width;
1313
width: $fa-li-width;
14-
top: (2em / 14);
14+
top: calc(2em / 14);
1515
text-align: center;
1616
&.#{$fa-css-prefix}-lg {
17-
left: -$fa-li-width + (4em / 14);
17+
left: calc(-1 * $fa-li-width + calc(4em / 14));
1818
}
1919
}

_sass/vendor/font-awesome/_variables.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ $fa-css-prefix: fa !default;
99
$fa-version: "4.5.0" !default;
1010
$fa-border-color: #eee !default;
1111
$fa-inverse: #fff !default;
12-
$fa-li-width: (30em / 14) !default;
12+
$fa-li-width: calc(30em / 14) !default;
1313

1414
$fa-var-500px: "\f26e";
1515
$fa-var-adjust: "\f042";

0 commit comments

Comments
 (0)