From 69e20fc11381bdc94c416f11527289a34ffb89ed Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jes=C3=BAs?= Date: Fri, 11 Feb 2022 11:08:56 -0500 Subject: update from upstream --- demo/src/sass/components/buttons.scss | 4 ++-- demo/src/sass/components/header.scss | 2 +- demo/src/sass/components/icons.scss | 4 +++- demo/src/sass/components/links.scss | 4 ++-- demo/src/sass/components/players.scss | 4 +++- 5 files changed, 11 insertions(+), 7 deletions(-) (limited to 'demo/src/sass/components') diff --git a/demo/src/sass/components/buttons.scss b/demo/src/sass/components/buttons.scss index 1c9375bf..7c3ae4f7 100644 --- a/demo/src/sass/components/buttons.scss +++ b/demo/src/sass/components/buttons.scss @@ -45,7 +45,7 @@ } &.tab-focus { - @include tab-focus(); + @include tab-focus; } &:active { @@ -64,7 +64,7 @@ // Count bubble .button__count { - animation: fadein 0.2s ease; + animation: fade-in 0.2s ease; background: $color-button-count-background; color: $color-button-count-text; margin-left: ($spacing-base * 0.75); diff --git a/demo/src/sass/components/header.scss b/demo/src/sass/components/header.scss index 47ba69b0..cd70acb7 100644 --- a/demo/src/sass/components/header.scss +++ b/demo/src/sass/components/header.scss @@ -7,7 +7,7 @@ header { text-align: center; h1 span { - animation: shrinkHide 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s forwards; + animation: shrink-hide 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s forwards; display: inline-block; font-weight: $font-weight-light; opacity: 0.5; diff --git a/demo/src/sass/components/icons.scss b/demo/src/sass/components/icons.scss index 32e5f685..c40a14e5 100644 --- a/demo/src/sass/components/icons.scss +++ b/demo/src/sass/components/icons.scss @@ -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: ($spacing-base / 2); + margin-right: math.div($spacing-base, 4); } diff --git a/demo/src/sass/components/links.scss b/demo/src/sass/components/links.scss index 92e71931..4f03c4de 100644 --- a/demo/src/sass/components/links.scss +++ b/demo/src/sass/components/links.scss @@ -5,7 +5,7 @@ // Make a