Merge pull request #88 from werkbot/hotfix/2.1.14

Added desktop directions (right to left, left to right, top to bottom, bottom to top)
werkbot · Mar 26, 2024 · 08a14d3 · 08a14d3
2 parents c2b0fc6 + 043b944
commit 08a14d3
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "werkbot-framewerk",
-  "version": "2.1.13",
+  "version": "2.1.14",
   "description": "A framework of css and javascript that Werkbot uses as a foundation to build our websites.",
   "main": "js/form.js",
   "directories": {

diff --git a/sass/base/layout/_layout.scss b/sass/base/layout/_layout.scss
@@ -22,6 +22,21 @@
 .desktop-show{
   display: inherit;
 }
+/* Flex Container Direction */
+.flex-container{
+  &.desktop-ltr{
+    flex-direction: row;
+  }
+  &.desktop-rtl{
+    flex-direction: row-reverse;
+  }
+  &.desktop-ttb{
+    flex-direction: column;
+  }
+  &.desktop-btt{
+    flex-direction: column-reverse;
+  }
+}
 /*
   DESKTOP BREAKPOINTS
   Loop through each desktop defined breakpoint
@@ -46,6 +61,21 @@
     .#{$label}-show{
       display: inherit;
     }
+    /* Flex Container Direction */
+    .flex-container{
+      &.#{$label}-ltr{
+        flex-direction: row;
+      }
+      &.#{$label}-rtl{
+        flex-direction: row-reverse;
+      }
+      &.#{$label}-ttb{
+        flex-direction: column;
+      }
+      &.#{$label}-btt{
+        flex-direction: column-reverse;
+      }
+    }
   }
 }
 /*