feat(grid): add 3x2 aspect ratio (#8332)

joshblack · kodiakhq[bot] · web-flow · commit c7de2af57d90 · 2021-04-09T15:03:35.000Z
* feat(grid): add 3x2 aspect ratio

* Update _mixins.scss

* chore(components): update snapshot

Co-authored-by: kodiakhq[bot] &lt;49736102+kodiakhq[bot]@users.noreply.github.com&gt;
diff --git a/packages/components/src/globals/grid/__tests__/__snapshots__/grid-test.js.snap b/packages/components/src/globals/grid/__tests__/__snapshots__/grid-test.js.snap
@@ -1350,6 +1350,12 @@ em {
 .bx--aspect-ratio--3x4::before {
   padding-top: 133.33333%; }
 
+.bx--aspect-ratio--3x2::before {
+  padding-top: 66.66667%; }
+
+.bx--aspect-ratio--2x3::before {
+  padding-top: 150%; }
+
 .bx--aspect-ratio--1x1::before {
   padding-top: 100%; }
 
diff --git a/packages/grid/scss/_mixins.scss b/packages/grid/scss/_mixins.scss
@@ -243,6 +243,8 @@ $carbon--aspect-ratios: (
   (1, 2),
   (4, 3),
   (3, 4),
+  (3, 2),
+  (2, 3),
   (1, 1)
 );
 

-Original file line number
+Diff line change
   (1, 2),
   (4, 3),
   (3, 4),
 +  (3, 2),
 +  (2, 3),
   (1, 1)
 );