From db7b4a4ef38b9b6fe14fa9cb9783618b6f57a21b Mon Sep 17 00:00:00 2001 From: Kelly Dwan Date: Mon, 25 Sep 2023 18:34:21 -0400 Subject: [PATCH] Site Screenshots: Make loading spinner tiny Fixes #177 --- .../src/site-screenshot/style.scss | 15 +++------------ 1 file changed, 3 insertions(+), 12 deletions(-) diff --git a/source/wp-content/themes/wporg-showcase-2022/src/site-screenshot/style.scss b/source/wp-content/themes/wporg-showcase-2022/src/site-screenshot/style.scss index 3a79633e..7ecafda0 100644 --- a/source/wp-content/themes/wporg-showcase-2022/src/site-screenshot/style.scss +++ b/source/wp-content/themes/wporg-showcase-2022/src/site-screenshot/style.scss @@ -36,14 +36,6 @@ &:first-child { flex: 4; } - - &.is-size-desktop .wporg-site-screenshot__loader { - --wporg-site-screenshot--loader--size: 100px; - } - - &.is-size-mobile .wporg-site-screenshot__loader { - --wporg-site-screenshot--loader--size: 40px; - } } .is-section-site-hero & { @@ -85,7 +77,6 @@ } .wporg-site-screenshot__loader { - --wporg-site-screenshot--loader--size: 40px; display: flex; align-items: center; justify-content: center; @@ -95,9 +86,9 @@ content: ""; display: inline-block; box-sizing: border-box; - height: var(--wporg-site-screenshot--loader--size); - width: var(--wporg-site-screenshot--loader--size); - border: calc(var(--wporg-site-screenshot--loader--size) * 0.1) solid; + height: 16px; + width: 16px; + border: 1.5px solid; border-color: var(--wp--custom--wporg-site-screenshot--border--color) var(--wp--custom--wporg-site-screenshot--border--color)