Closed joshblack closed 2 years ago
Transfer Aspect Ratio code (variables, mixins) from the Grid package over to Layout
packages/grid/__tests__/mixins-test.js
carbon--aspect-ratios
carbon--aspect-ratio
scss/_aspect-ratio.scss
@carbon/layout
layout/scss/layout.scss
Add JavaScript values for aspect ratios and use in Layout package
aspectRatios
src/index.js
tasks/build.js
generated/_aspect-ratio.scss
cc @photodow would be interested in tackling this 👀
@joshblack yeah, let me see what I can do.
Transfer Aspect Ratio code (variables, mixins) from the Grid package over to Layout
packages/grid/__tests__/mixins-test.js
forcarbon--aspect-ratios
andcarbon--aspect-ratio
mixin to check for existencescss/_aspect-ratio.scss
file over to@carbon/layout
and include Variables and Mixinlayout/scss/layout.scss
to include aspect ratio fileAdd JavaScript values for aspect ratios and use in Layout package
aspectRatios
exports tosrc/index.js
aspectRatios
exports intasks/build.js
to generate agenerated/_aspect-ratio.scss
filescss/_aspect-ratio.scss
Original
```scss $carbon--aspect-ratios: ( (16, 9), (9, 16), (2, 1), (1, 2), (4, 3), (3, 4), (1, 1) ); ```JavaScript
```js const unstable_aspectRatios = [ [16, 9], [9, 16], [2, 1], [1, 2], [4, 3], [3, 4], [1, 1], ]; ```