fix: off-center round buttons in Firefox on non-retina screens

BarkleyREI · Nov 6, 2024 · 94a5578 · 94a5578
1 parent 2ca4014
commit 94a5578
Show file tree

Hide file tree

Showing 31 changed files with 69 additions and 69 deletions.
diff --git a/src/static/assets/scss/atoms/_button.scss b/src/static/assets/scss/atoms/_button.scss
@@ -37,8 +37,8 @@ $button: '.button';
 	&:after {
 		background-color: var(--gap);
 		border: 5px solid var(--border);
-		height: calc(100% - 3px);
-		width: calc(100% - 3px);
+		height: calc(100% - 4px);
+		width: calc(100% - 4px);
 		z-index: -2;
 	}
 
@@ -67,7 +67,7 @@ $button: '.button';
 		outline: 0;
 
 		&:after {
-			padding: 6px;
+			padding: 8px;
 		}
 	}
 }
@@ -91,7 +91,7 @@ $button: '.button';
 		.btn--primary,
 		.btn--alt {
 			&:after {
-				padding: 6px;
+				padding: 8px;
 			}
 		}
 	}

diff --git a/web/components/preview/campus.html b/web/components/preview/campus.html
@@ -1309,7 +1309,7 @@ <h2 class="feed__heading font-h2">News Feed H2 Headline Lorem Ipsum</h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -1330,7 +1330,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -1351,7 +1351,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 3 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/card-news--default.html b/web/components/preview/card-news--default.html
@@ -201,7 +201,7 @@
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/card-news--no-image.html b/web/components/preview/card-news--no-image.html
@@ -198,7 +198,7 @@
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/card-news.html b/web/components/preview/card-news.html
@@ -201,7 +201,7 @@
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/college.html b/web/components/preview/college.html
@@ -1279,7 +1279,7 @@ <h2 class="feed__heading font-h2">News Feed H2 Headline Lorem Ipsum</h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -1300,7 +1300,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -1321,7 +1321,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 3 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/high-level.html b/web/components/preview/high-level.html
@@ -1324,7 +1324,7 @@ <h2 class="feed__heading font-h2">News Feed H2 Headline Lorem Ipsum</h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -1345,7 +1345,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -1366,7 +1366,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 3 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/home.html b/web/components/preview/home.html
@@ -1763,7 +1763,7 @@ <h2 class="feed__heading font-h1"><span>CWU News</span></h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">From the President: Heart of Higher Education Conference 2023</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Jim Wohlpart</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -1784,7 +1784,7 @@ <h3 class="card__heading font-h4" itemprop="name">From the President: Heart of H
 
 		<h3 class="card__heading font-h4" itemprop="name">WERE leadership training program building momentum in 2023</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">David Leder</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -1805,7 +1805,7 @@ <h3 class="card__heading font-h4" itemprop="name">WERE leadership training progr
 
 		<h3 class="card__heading font-h4" itemprop="name">Wildcat Football Once Again Partners with Be The Match</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Jacob Thompson</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/news--home.html b/web/components/preview/news--home.html
@@ -218,7 +218,7 @@ <h2 class="feed__heading font-h1"><span>CWU News</span></h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">From the President: Heart of Higher Education Conference 2023</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Jim Wohlpart</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -239,7 +239,7 @@ <h3 class="card__heading font-h4" itemprop="name">From the President: Heart of H
 
 		<h3 class="card__heading font-h4" itemprop="name">WERE leadership training program building momentum in 2023</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">David Leder</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -260,7 +260,7 @@ <h3 class="card__heading font-h4" itemprop="name">WERE leadership training progr
 
 		<h3 class="card__heading font-h4" itemprop="name">Wildcat Football Once Again Partners with Be The Match</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Jacob Thompson</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/news--narrow.html b/web/components/preview/news--narrow.html
@@ -206,7 +206,7 @@ <h2 class="feed__heading font-h2">News Feed H2 Headline Lorem Ipsum</h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -227,7 +227,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/news--wide.html b/web/components/preview/news--wide.html
@@ -205,7 +205,7 @@ <h2 class="feed__heading font-h2">News Feed H2 Headline Lorem Ipsum</h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -226,7 +226,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -247,7 +247,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 3 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/news-aggregate.html b/web/components/preview/news-aggregate.html
@@ -1279,7 +1279,7 @@ <h2 class="show-for-sr">Featured News</h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/news-detail.html b/web/components/preview/news-detail.html
@@ -1060,7 +1060,7 @@ <h2 class="feed__heading font-h2">News Feed H2 Headline Lorem Ipsum</h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -1081,7 +1081,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/news.html b/web/components/preview/news.html
@@ -205,7 +205,7 @@ <h2 class="feed__heading font-h2">News Feed H2 Headline Lorem Ipsum</h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -226,7 +226,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -247,7 +247,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 3 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/preview/standard-detail.html b/web/components/preview/standard-detail.html
@@ -1714,7 +1714,7 @@ <h2 class="feed__heading font-h2">News Feed H2 Headline Lorem Ipsum</h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -1735,7 +1735,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/render/campus.html b/web/components/render/campus.html
@@ -420,7 +420,7 @@ <h2 class="feed__heading font-h2">News Feed H2 Headline Lorem Ipsum</h2>
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -441,7 +441,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 1 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">
@@ -462,7 +462,7 @@ <h3 class="card__heading font-h4" itemprop="name">News Item 2 H4 Headline Lorem
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item 3 H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/render/card-news--default.html b/web/components/render/card-news--default.html
@@ -10,7 +10,7 @@
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/render/card-news--no-image.html b/web/components/render/card-news--no-image.html
@@ -7,7 +7,7 @@
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">

diff --git a/web/components/render/card-news.html b/web/components/render/card-news.html
@@ -10,7 +10,7 @@
 
 		<h3 class="card__heading font-h4" itemprop="name">News Item H4 Headline Lorem Ipsum Dolor Sit Amet Consectetur</h3>
 
-		<p class="card__info"><span itemprop="dateline">October 29, 2024</span></p>
+		<p class="card__info"><span itemprop="dateline">November 06, 2024</span></p>
 		<p class="card__info">by <span itemprop="author">Firstname Lastname</span></p>
 
 		<p aria-hidden="true" class="btn btn--cta">