From b1d68e72ba7fbad674ee49bd2a2e69365efefbf3 Mon Sep 17 00:00:00 2001 From: David Wheatley Date: Mon, 16 Aug 2021 23:43:44 +0100 Subject: [PATCH] Expose screen sizes as CSS custom properties --- less/common/root.less | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/less/common/root.less b/less/common/root.less index 3df86817df..9160c7db28 100644 --- a/less/common/root.less +++ b/less/common/root.less @@ -11,6 +11,13 @@ // available to the JS code. --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; }