✨ feat(overflow.scss): Updated classes for overflow

Finalizing the classes supported for overflow: - overflow-[auto/hidden/visible/scroll] - overflow-x-[auto/hidden/visible/scroll] - overflow-y-[auto/hidden/visible/scroll]
Spiderpig86 · Jun 1, 2021 · 2ac8654 · 2ac8654
1 parent 37d32eb
commit 2ac8654
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 10 deletions.
diff --git a/dist/cirrus.css b/dist/cirrus.css
@@ -8184,18 +8184,33 @@ a.tag:hover {
 .u-overflow-hidden {
   overflow: "hidden" !important; }
 
-.u-overflow-overlay {
-  overflow: "overlay" !important; }
-
-.u-overflow-revert {
-  overflow: "revert" !important; }
-
 .u-overflow-visible {
   overflow: "visible" !important; }
 
+.u-overflow-scroll {
+  overflow: "scroll" !important; }
+
+.u-overflow-x-auto {
+  overflow-x: "auto" !important; }
+
+.u-overflow-x-hidden {
+  overflow-x: "hidden" !important; }
+
+.u-overflow-x-visible {
+  overflow-x: "visible" !important; }
+
 .u-overflow-x-scroll {
   overflow-x: "scroll" !important; }
 
+.u-overflow-y-auto {
+  overflow-y: "auto" !important; }
+
+.u-overflow-y-hidden {
+  overflow-y: "hidden" !important; }
+
+.u-overflow-y-visible {
+  overflow-y: "visible" !important; }
+
 .u-overflow-y-scroll {
   overflow-y: "scroll" !important; }
 

diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
diff --git a/src/core/utils/overflow.scss b/src/core/utils/overflow.scss
@@ -1,7 +1,7 @@
 @import '../../../helpers/_functions';
 @import '../../../helpers/_size';
 
-$overflow: ('auto', 'hidden', 'overlay', 'revert', 'visible');
+$overflow: ('auto', 'hidden', 'visible', 'scroll');
 @include generate-classes-for-viewport(
     $overflow,
     'overflow',
@@ -10,14 +10,12 @@ $overflow: ('auto', 'hidden', 'overlay', 'revert', 'visible');
 );
 // NOTE: We have now changed u-hide-overflow to u-overflow-hidden
 
-$overflow: ('scroll');
 @include generate-classes-for-viewport(
     $overflow,
     'overflow-x',
     delimitize('overflow-x'),
     $generate-viewports: #{get-viewport-flag('OVERFLOW')}
 );
-$overflow: ('scroll');
 @include generate-classes-for-viewport(
     $overflow,
     'overflow-y',