From 833a7a838c3a42f4f64db2bb4074cd4376e827a8 Mon Sep 17 00:00:00 2001
From: Siri Reiter <siri@pjones.dk>
Date: Thu, 18 Aug 2022 18:19:32 +0200
Subject: use breakpoint, and also apply to pageinfo

---
 partials/_base.scss | 2 +-
 style.scss          | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/partials/_base.scss b/partials/_base.scss
index b1bec29..da522e1 100644
--- a/partials/_base.scss
+++ b/partials/_base.scss
@@ -22,7 +22,7 @@ $headerColor: $colorPrimary;
 // Media
 //
 // No styleguide reference.
-$large-desktop: screen min-width 40em;
+$wide: 900px;
 
 // Framework integrations
 //
diff --git a/style.scss b/style.scss
index c7bf96b..03d37bd 100644
--- a/style.scss
+++ b/style.scss
@@ -32,7 +32,7 @@ h1 {
 	width: 94%;
 	margin: 2em 3% 0;
 	text-align: right;
-	@media screen and(min-width:900px) {
+	@include breakpoint($wide) {
 		z-index: -1;
 		position: absolute;
 		margin-top: 8em;
@@ -135,6 +135,8 @@ th {
 #pageinfo {
 	border-top: none;
 	padding-left: 2em;
-	position: fixed;
 	bottom: 0;
+	@include breakpoint($wide) {
+		position: fixed;
+	}
 }
-- 
cgit v1.2.3