Merge pull request #5 from eea/add-20-80-layouts

Add layouts 20/80 and 80/20
eea · Oct 12, 2020 · 2a98e6e · 2a98e6e
2 parents 4418f3a + 8c728a9
commit 2a98e6e
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/src/grid.js b/src/grid.js
@@ -42,6 +42,16 @@ export const gridSizes = {
     tablet: 6,
     computer: 3,
   },
+  oneFifth: {
+    mobile: 12,
+    tablet: 2,
+    computer: 3,
+  },
+  fourFifths: {
+    mobile: 12,
+    tablet: 10,
+    computer: 9,
+  },
 };
 
 export const variants = [
@@ -53,6 +63,14 @@ export const variants = [
     },
     title: '50 / 50',
   },
+  {
+    icon: iconB,
+    defaultData: {
+      gridSize: 12,
+      gridCols: ['oneFifth', 'fourFifths'],
+    },
+    title: '20 / 80',
+  },
   {
     icon: iconB,
     defaultData: {
@@ -69,6 +87,14 @@ export const variants = [
     },
     title: '70 / 30',
   },
+  {
+    icon: iconC,
+    defaultData: {
+      gridSize: 12,
+      gridCols: ['fourFifths', 'oneFifth'],
+    },
+    title: '80 / 20',
+  },
   {
     icon: iconD,
     defaultData: {