ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: revert math.div SASS fallback

Browse Source
This commit is contained in:
Sam Potts
2021-09-29 22:07:42 +10:00
parent 5d1d247491
commit cf8e9341f2
6 changed files with 14 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
demo/src/sass/components/icons.scss
View File

@ -2,6 +2,8 @@
// Icons
// ==========================================================================
@use 'sass:math';
// Base size icon styles
.icon {
fill: currentColor;
@ -19,5 +21,5 @@ label svg {
a .icon,
.btn .icon {
margin-right: div($spacing-base, 2);
margin-right: math.div($spacing-base, 4);
}

4
demo/src/sass/components/players.scss
View File

@ -2,6 +2,8 @@
// Examples
// ==========================================================================
@use 'sass:math';
// Example players
.plyr {
border-radius: $border-radius-large;
@ -31,6 +33,6 @@
color: $color-gray-500;
.icon {
margin-right: div($spacing-base, 6);
margin-right: math.div($spacing-base, 6);
}
}

4
demo/src/sass/layout/core.scss
View File

@ -2,6 +2,8 @@
// Core
// ==========================================================================
@use 'sass:math';
html,
body {
display: flex;
@ -46,7 +48,7 @@ aside {
.icon {
fill: $color-twitter;
margin-right: div($spacing-base, 2);
margin-right: math.div($spacing-base, 2);
}
p {

4
demo/src/sass/lib/mixins.scss
View File

@ -2,6 +2,8 @@
// Mixins
// ==========================================================================
@use 'sass:math';
// Convert a <button> into an <a>
// ---------------------------------------
@mixin cancel-button-styles() {
@ -32,7 +34,7 @@
// Leave <body> at 100%/16px
// ---------------------------------------
@function calculate-rem($size) {
$rem: div($size, 16);
$rem: math.div($size, 16);
@return #{$rem}rem;
}