add new grid

kenold · kenold · commit 32274f54aa90 · 2019-10-01T16:37:32.000-04:00
diff --git a/src/styles/grid.scss b/src/styles/grid.scss
@@ -1,4 +1,7 @@
-// Display 1 column on mobile, 3 columns on desktop
+// Display 1 column on mobile, 2 columns on desktop
+.show-1-2 {
+    flex-basis: 100%;
+}
 .show-1-3 {
     flex-basis: 100%;
 }
@@ -7,6 +10,9 @@
 }
 
 @media (min-width: 768px) {
+    .show-1-2 {
+        flex: 0 1 calc(50% - .5rem);
+    }
     .show-1-3 {
         flex: 0 1 calc(33% - .75rem);
     }

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,7 @@`
`1`		`-// Display 1 column on mobile, 3 columns on desktop`
	`1`	`+// Display 1 column on mobile, 2 columns on desktop`
	`2`	`+.show-1-2 {`
	`3`	`+ flex-basis: 100%;`
	`4`	`+}`
`2`	`5`	`.show-1-3 {`
`3`	`6`	`flex-basis: 100%;`
`4`	`7`	`}`
`@@ -7,6 +10,9 @@`
`7`	`10`	`}`
`8`	`11`
`9`	`12`	`@media (min-width: 768px) {`
	`13`	`+ .show-1-2 {`
	`14`	`+ flex: 0 1 calc(50% - .5rem);`
	`15`	`+ }`
`10`	`16`	`.show-1-3 {`
`11`	`17`	`flex: 0 1 calc(33% - .75rem);`
`12`	`18`	`}`