feat(grid): add 1:2 aspect ratio class (#2858)

alisonjoseph · joshblack · commit 43c9446af521 · 2019-05-28T17:41:44.000-05:00
* feat(grid): add 1:2 aspect ratio class

* chore: typo

* chore(project): sync generated files
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
@@ -927,6 +927,9 @@ exports[`_grid.scss grid--x should generate grid code when the grid feature flag
 
 .bx--aspect-ratio--1x1 {
   padding-bottom: 100%; }
+
+.bx--aspect-ratio--1x2 {
+  padding-bottom: 200%; }
 "
 `;
 
diff --git a/packages/components/src/globals/scss/vendor/@carbon/elements/scss/grid/_inlined/_mixins.scss b/packages/components/src/globals/scss/vendor/@carbon/elements/scss/grid/_inlined/_mixins.scss
@@ -202,7 +202,7 @@
 /// @type List
 /// @access public
 /// @group @carbon/grid
-$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1));
+$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1), (1, 2));
 
 /// Output the CSS classes for generating aspect ratio classes
 /// @param {List} $aspect-ratios [$carbon--aspect-ratios] - A list of aspect ratios to generate
diff --git a/packages/components/src/globals/scss/vendor/@carbon/elements/scss/grid/_mixins.scss b/packages/components/src/globals/scss/vendor/@carbon/elements/scss/grid/_mixins.scss
@@ -202,7 +202,7 @@
 /// @type List
 /// @access public
 /// @group @carbon/grid
-$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1));
+$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1), (1, 2));
 
 /// Output the CSS classes for generating aspect ratio classes
 /// @param {List} $aspect-ratios [$carbon--aspect-ratios] - A list of aspect ratios to generate
diff --git a/packages/components/src/globals/scss/vendor/@carbon/grid/scss/_inlined/_mixins.scss b/packages/components/src/globals/scss/vendor/@carbon/grid/scss/_inlined/_mixins.scss
@@ -202,7 +202,7 @@
 /// @type List
 /// @access public
 /// @group @carbon/grid
-$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1));
+$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1), (1, 2));
 
 /// Output the CSS classes for generating aspect ratio classes
 /// @param {List} $aspect-ratios [$carbon--aspect-ratios] - A list of aspect ratios to generate
diff --git a/packages/components/src/globals/scss/vendor/@carbon/grid/scss/_mixins.scss b/packages/components/src/globals/scss/vendor/@carbon/grid/scss/_mixins.scss
@@ -202,7 +202,7 @@
 /// @type List
 /// @access public
 /// @group @carbon/grid
-$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1));
+$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1), (1, 2));
 
 /// Output the CSS classes for generating aspect ratio classes
 /// @param {List} $aspect-ratios [$carbon--aspect-ratios] - A list of aspect ratios to generate
diff --git a/packages/elements/docs/sass.md b/packages/elements/docs/sass.md
@@ -1237,7 +1237,7 @@ in code
 <summary>Source code</summary>
 
 ```scss
-$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1));
+$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1), (1, 2));
 ```
 
 </details>
diff --git a/packages/grid/docs/sass.md b/packages/grid/docs/sass.md
@@ -367,7 +367,7 @@ in code
 <summary>Source code</summary>
 
 ```scss
-$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1));
+$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1), (1, 2));
 ```
 
 </details>
diff --git a/packages/grid/scss/_mixins.scss b/packages/grid/scss/_mixins.scss
@@ -202,7 +202,7 @@
 /// @type List
 /// @access public
 /// @group @carbon/grid
-$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1));
+$carbon--aspect-ratios: ((16, 9), (2, 1), (4, 3), (1, 1), (1, 2));
 
 /// Output the CSS classes for generating aspect ratio classes
 /// @param {List} $aspect-ratios [$carbon--aspect-ratios] - A list of aspect ratios to generate

Original file line number	Diff line number	Diff line change
@@ -927,6 +927,9 @@ exports[`_grid.scss grid--x should generate grid code when the grid feature flag
`927`	`927`
`928`	`928`	`.bx--aspect-ratio--1x1 {`
`929`	`929`	`padding-bottom: 100%; }`
	`930`	`+`
	`931`	`+.bx--aspect-ratio--1x2 {`
	`932`	`+ padding-bottom: 200%; }`
`930`	`933`	`"`
`931`	`934`	`;
`932`	`935`