@elderbyte/ngx-starter 19.1.0-beta.3 → 19.1.0-beta.30

package/theming/utilities/_elder-common-utils.scss

@@ -0,0 +1,52 @@
+@mixin elder-common-utils() {
+  .border-none {
+    border: none;
+  }
+  .display-none {
+    display: none;
+  }
+  .text-center {
+    text-align: center;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .overflow-auto {
+    overflow: auto;
+  }
+  .full-width {
+    width: 100%; // legacy, keep for now
+  }
+
+  .scrollable {
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .vertical-scrollable {
+    overflow-y: auto;
+    overflow-x: hidden;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .horizontal-scrollable {
+    overflow-y: hidden;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  /** https://bugzilla.mozilla.org/show_bug.cgi?id=1043520 **/
+  .scroll-fix {
+    min-width: 0;
+    min-height: 0;
+  }
+
+  .noselect {
+    -webkit-touch-callout: none; /* iOS Safari */
+    user-select: none;
+  }
+  
+  .outlined {
+    border: 1px solid var(--md-sys-color-outline-variant);
+  }
+}

package/theming/{utility-classes/_elder-flex-layout.scss → utilities/_elder-flex-layout-utils.scss}

@@ -1,4 +1,4 @@
-@use '../system/elder-config' as settings;
+@use '../abstracts/elder-scss-variables' as settings;
 @use 'sass:map';
 
 /***************************************************************************
@@ -33,7 +33,7 @@ $media: (
   flex: 1 1 100%;
 }
 
-@mixin elder-flex-layout($theme) {
+@mixin elder-flex-layout-utils($theme) {
   $common-sizes: map.get($theme, elder, common-sizes);
 
   /***************************************************************************