From f3b4308cb59bf4b21ff186f8479c82239446d139 Mon Sep 17 00:00:00 2001 From: Mario Date: Mon, 7 Jun 2021 12:56:27 +0200 Subject: upgrade to bootstrap 5.0.1 and first batch of fixes --- vendor/twbs/bootstrap/scss/_spinners.scss | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) (limited to 'vendor/twbs/bootstrap/scss/_spinners.scss') diff --git a/vendor/twbs/bootstrap/scss/_spinners.scss b/vendor/twbs/bootstrap/scss/_spinners.scss index 7d8fba7a1..a4a2c77cf 100644 --- a/vendor/twbs/bootstrap/scss/_spinners.scss +++ b/vendor/twbs/bootstrap/scss/_spinners.scss @@ -2,20 +2,22 @@ // Rotating border // +// scss-docs-start spinner-border-keyframes @keyframes spinner-border { - to { transform: rotate(360deg); } + to { transform: rotate(360deg) #{"/* rtl:ignore */"}; } } +// scss-docs-end spinner-border-keyframes .spinner-border { display: inline-block; width: $spinner-width; height: $spinner-height; - vertical-align: text-bottom; + vertical-align: $spinner-vertical-align; border: $spinner-border-width solid currentColor; border-right-color: transparent; // stylelint-disable-next-line property-disallowed-list border-radius: 50%; - animation: .75s linear infinite spinner-border; + animation: $spinner-animation-speed linear infinite spinner-border; } .spinner-border-sm { @@ -28,6 +30,7 @@ // Growing circle // +// scss-docs-start spinner-grow-keyframes @keyframes spinner-grow { 0% { transform: scale(0); @@ -37,17 +40,18 @@ transform: none; } } +// scss-docs-end spinner-grow-keyframes .spinner-grow { display: inline-block; width: $spinner-width; height: $spinner-height; - vertical-align: text-bottom; + vertical-align: $spinner-vertical-align; background-color: currentColor; // stylelint-disable-next-line property-disallowed-list border-radius: 50%; opacity: 0; - animation: .75s linear infinite spinner-grow; + animation: $spinner-animation-speed linear infinite spinner-grow; } .spinner-grow-sm { @@ -55,11 +59,11 @@ height: $spinner-height-sm; } -@if $enable-prefers-reduced-motion-media-query { +@if $enable-reduced-motion { @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { - animation-duration: 1.5s; + animation-duration: $spinner-animation-speed * 2; } } } -- cgit v1.2.3