Expose screen sizes as CSS custom properties

flarum · Aug 16, 2021 · 42eb187 · 42eb187
1 parent 21bd5df
commit 42eb187
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/less/common/scaffolding.less b/less/common/scaffolding.less
@@ -3,6 +3,13 @@
 :root {
   --flarum-screen: none;
 
+  --screen-phone-max:                @screen-phone-max;
+  --screen-tablet:                   @screen-tablet;
+  --screen-tablet-max:               @screen-tablet-max;
+  --screen-desktop:                  @screen-desktop;
+  --screen-desktop-max:              @screen-desktop-max;
+  --screen-desktop-hd:               @screen-desktop-hd;
+
   @media @phone { --flarum-screen: phone; }
   @media @tablet { --flarum-screen: tablet; }
   @media @desktop { --flarum-screen: desktop; }