From 552b842bb98010377044de4bf03fc4b7011da620 Mon Sep 17 00:00:00 2001
From: Andrew Noblet <andrewbnoblet@gmail.com>
Date: Mon, 8 Apr 2024 15:47:55 +0000
Subject: [PATCH] refactor(cxl-ui): use pure media for device class names

https://github.com/conversionxl/sensei/pull/17#discussion_r1544292463
---
 packages/cxl-ui/scss/global/cxl-app-layout.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/cxl-ui/scss/global/cxl-app-layout.scss b/packages/cxl-ui/scss/global/cxl-app-layout.scss
index eb5a09310..c1c8d7440 100644
--- a/packages/cxl-ui/scss/global/cxl-app-layout.scss
+++ b/packages/cxl-ui/scss/global/cxl-app-layout.scss
@@ -106,18 +106,18 @@ cxl-app-layout {
       }
     }
 
-    > .mobile,
+    > div:not(.pure-hidden-sm .pure-hidden-xs),
     > vaadin-button {
       flex: 1;
     }
 
-    > .mobile {
+    > div:not(.pure-hidden-sm .pure-hidden-xs) {
       text-align: center;
     }
   }
 
   &[wide] [slot="action-bar"] {
-    > .mobile,
+    > div:not(.pure-hidden-sm .pure-hidden-xs),
     > vaadin-button {
       flex: initial;
     }