FlandreScarle7/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome.git synced 2024-12-25 13:01:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix SASS/SCSS "slash-div"-Deprecation (https://sass-lang.com/documentation/breaking-changes/slash-div)

Browse Source
This commit is contained in:
Thomas Frobieter 2021-08-06 11:16:38 +02:00
parent 540fa1467f
commit 34b418595d
6 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scss/_core.scss
View File

@ -1,9 +1,11 @@
// Base Class Definition // Base Class Definition
// ------------------------- // -------------------------
@use "sass:list";
.#{$fa-css-prefix} { .#{$fa-css-prefix} {
display: inline-block; display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} #{$fa-font-family}; // shortening font declaration font: normal normal normal list.slash($fa-font-size-base, $fa-line-height-base) #{$fa-font-family}; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094 text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;

4
scss/_fixed-width.scss
View File

@ -1,6 +1,8 @@
// Fixed Width Icons // Fixed Width Icons
// ------------------------- // -------------------------
@use "sass:math";
.#{$fa-css-prefix}-fw { .#{$fa-css-prefix}-fw {
width: (18em / 14); width: math.div(18em, 14);
text-align: center; text-align: center;
} }

6
scss/_larger.scss
View File

@ -2,9 +2,11 @@
// ------------------------- // -------------------------
/* makes the font 33% larger relative to the icon container */ /* makes the font 33% larger relative to the icon container */
@use "sass:math";
.#{$fa-css-prefix}-lg { .#{$fa-css-prefix}-lg {
font-size: (4em / 3); font-size: math.div(4em, 3);
line-height: (3em / 4); line-height: (3em * 0.25);
vertical-align: -15%; vertical-align: -15%;
} }
.#{$fa-css-prefix}-2x { font-size: 2em; } .#{$fa-css-prefix}-2x { font-size: 2em; }

6
scss/_list.scss
View File

@ -1,6 +1,8 @@
// List Icons // List Icons
// ------------------------- // -------------------------
@use "sass:math";
.#{$fa-css-prefix}-ul { .#{$fa-css-prefix}-ul {
padding-left: 0; padding-left: 0;
margin-left: $fa-li-width; margin-left: $fa-li-width;
@ -11,9 +13,9 @@
position: absolute; position: absolute;
left: -$fa-li-width; left: -$fa-li-width;
width: $fa-li-width; width: $fa-li-width;
top: (2em / 14); top: math.div(2em, 14);
text-align: center; text-align: center;
&.#{$fa-css-prefix}-lg { &.#{$fa-css-prefix}-lg {
left: -$fa-li-width + (4em / 14); left: -$fa-li-width + math.div(4em, 14);
} }
} }

4
scss/_mixins.scss
View File

@ -1,9 +1,11 @@
// Mixins // Mixins
// -------------------------- // --------------------------
@use "sass:list";
@mixin fa-icon() { @mixin fa-icon() {
display: inline-block; display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} #{$fa-font-family}; // shortening font declaration font: normal normal normal list.slash($fa-font-size-base, $fa-line-height-base) #{$fa-font-family}; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094 text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;

4
scss/_variables.scss
View File

@ -1,6 +1,8 @@
// Variables // Variables
// -------------------------- // --------------------------
@use "sass:math";
$fa-font-path: "../fonts" !default; $fa-font-path: "../fonts" !default;
$fa-font-size-base: 14px !default; $fa-font-size-base: 14px !default;
$fa-line-height-base: 1 !default; $fa-line-height-base: 1 !default;
@ -9,7 +11,7 @@ $fa-font-family: "ForkAwesome" !default;
$fa-version: "1.2.0" !default; $fa-version: "1.2.0" !default;
$fa-border-color: #eee !default; $fa-border-color: #eee !default;
$fa-inverse: #fff !default; $fa-inverse: #fff !default;
$fa-li-width: (30em / 14) !default; $fa-li-width: math.div(30em, 14) !default;
$fa-var-500px: \f26e; $fa-var-500px: \f26e;
$fa-var-activitypub: \f2f2; $fa-var-activitypub: \f2f2;