feat(grid): add 1:2 aspect ratio class (carbon-design-system#2858)

* feat(grid): add 1:2 aspect ratio class * chore: typo * chore(project): sync generated files
carbon-bot · May 28, 2019 · 43c9446 · 43c9446
1 parent f1dd241
commit 43c9446
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 7 deletions.
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