From c11cb087d462326e9f86e7cf00544669a078c035 Mon Sep 17 00:00:00 2001
From: Brad Simpson <brad.simpson@kineo.com>
Date: Mon, 6 Jul 2026 11:31:47 -0600
Subject: [PATCH] New: Add screen-size hide classes aligning with _screenSize
 (fixes #609)

---
 less/project/theme-common.less | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/less/project/theme-common.less b/less/project/theme-common.less
index 0e623af1..43a7f3cd 100644
--- a/less/project/theme-common.less
+++ b/less/project/theme-common.less
@@ -163,7 +163,18 @@
 
 }
 
-// classes to hide content above / below medium breakpoint
+// classes to hide content at a given screen size (aligns with config.json _screenSize)
+// stack classes to hide across multiple sizes, e.g. class="hide-on-small hide-on-medium"
+// --------------------------------------------------
+.size-small .hide-on-small,
+.size-medium .hide-on-medium,
+.size-large .hide-on-large,
+.size-xlarge .hide-on-xlarge {
+  display: none;
+}
+
+// legacy classes, retained for backwards compatibility
+// prefer the screen-size classes above
 // --------------------------------------------------
 .hide-on-desktop {
   @media (min-width: @device-width-medium) {