@carbon/grid 10.1.1 → 10.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/LICENSE +2 -2
  2. package/README.md +24 -26
  3. package/package.json +10 -5
  4. package/scss/_inlined/12.scss +41 -0
  5. package/scss/_inlined/_mixins.scss +335 -0
  6. package/scss/_inlined/_prefix.scss +12 -0
  7. package/scss/grid.scss +1 -1
  8. package/scss/index.scss +10 -0
  9. package/scss/vendor/@carbon/import-once/import-once.scss +27 -0
  10. package/scss/vendor/@carbon/import-once/index.scss +8 -0
  11. package/scss/vendor/@carbon/layout/_breakpoint.scss +237 -0
  12. package/scss/vendor/@carbon/layout/_convert.scss +30 -0
  13. package/scss/vendor/@carbon/layout/_key-height.scss +97 -0
  14. package/scss/vendor/@carbon/layout/_mini-unit.scss +23 -0
  15. package/scss/vendor/@carbon/layout/_spacing.scss +328 -0
  16. package/scss/vendor/@carbon/layout/_utilities.scss +41 -0
  17. package/scss/vendor/@carbon/layout/index.scss +8 -0
  18. package/scss/vendor/@carbon/layout/layout.scss +12 -0
  19. package/css/grid.css +0 -1053
  20. package/css/grid.min.css +0 -1
package/css/grid.min.css DELETED
@@ -1 +0,0 @@
1
- .bx--grid{margin-right:auto;margin-left:auto;max-width:99rem;padding-left:1rem;padding-right:1rem}@media (min-width:42rem){.bx--grid{padding-left:2rem;padding-right:2rem}}@media (min-width:99rem){.bx--grid--full-width{max-width:100%}}.bx--row{display:flex;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem}.bx--grid--condensed .bx--row:not(:last-of-type){margin-bottom:.125rem}.bx--row--condensed+.bx--row--condensed{margin-top:.125rem}.bx--col{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col,.bx--row--condensed .bx--col{padding-right:.0625rem;padding-left:.0625rem}.bx--col-sm-1{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-sm-1,.bx--row--condensed .bx--col-sm-1{padding-right:.0625rem;padding-left:.0625rem}.bx--col-sm-2{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-sm-2,.bx--row--condensed .bx--col-sm-2{padding-right:.0625rem;padding-left:.0625rem}.bx--col-sm-3{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-sm-3,.bx--row--condensed .bx--col-sm-3{padding-right:.0625rem;padding-left:.0625rem}.bx--col-sm-4{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-sm-4,.bx--row--condensed .bx--col-sm-4{padding-right:.0625rem;padding-left:.0625rem}.bx--col-sm,.bx--col-sm--auto{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-sm,.bx--grid--condensed .bx--col-sm--auto,.bx--row--condensed .bx--col-sm,.bx--row--condensed .bx--col-sm--auto{padding-right:.0625rem;padding-left:.0625rem}.bx--col,.bx--col-sm{flex-basis:0;flex-grow:1;max-width:100%}.bx--col--auto,.bx--col-sm--auto{flex:1 0 0%;width:auto;max-width:100%}.bx--col-sm-1{flex:0 0 25%;max-width:25%}.bx--col-sm-2{flex:0 0 50%;max-width:50%}.bx--col-sm-3{flex:0 0 75%;max-width:75%}.bx--col-sm-4{flex:0 0 100%;max-width:100%}.bx--offset-sm-0{margin-left:0}.bx--offset-sm-1{margin-left:25%}.bx--offset-sm-2{margin-left:50%}.bx--offset-sm-3{margin-left:75%}.bx--col-md-1{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-md-1,.bx--row--condensed .bx--col-md-1{padding-right:.0625rem;padding-left:.0625rem}.bx--col-md-2{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-md-2,.bx--row--condensed .bx--col-md-2{padding-right:.0625rem;padding-left:.0625rem}.bx--col-md-3{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-md-3,.bx--row--condensed .bx--col-md-3{padding-right:.0625rem;padding-left:.0625rem}.bx--col-md-4{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-md-4,.bx--row--condensed .bx--col-md-4{padding-right:.0625rem;padding-left:.0625rem}.bx--col-md-5{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-md-5,.bx--row--condensed .bx--col-md-5{padding-right:.0625rem;padding-left:.0625rem}.bx--col-md-6{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-md-6,.bx--row--condensed .bx--col-md-6{padding-right:.0625rem;padding-left:.0625rem}.bx--col-md-7{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-md-7,.bx--row--condensed .bx--col-md-7{padding-right:.0625rem;padding-left:.0625rem}.bx--col-md-8{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-md-8,.bx--row--condensed .bx--col-md-8{padding-right:.0625rem;padding-left:.0625rem}.bx--col-md,.bx--col-md--auto{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-md,.bx--grid--condensed .bx--col-md--auto,.bx--row--condensed .bx--col-md,.bx--row--condensed .bx--col-md--auto{padding-right:.0625rem;padding-left:.0625rem}@media (min-width:42rem){.bx--col,.bx--col-md{flex-basis:0;flex-grow:1;max-width:100%}.bx--col--auto,.bx--col-md--auto{flex:1 0 0%;width:auto;max-width:100%}.bx--col-md-1{flex:0 0 12.5%;max-width:12.5%}.bx--col-md-2{flex:0 0 25%;max-width:25%}.bx--col-md-3{flex:0 0 37.5%;max-width:37.5%}.bx--col-md-4{flex:0 0 50%;max-width:50%}.bx--col-md-5{flex:0 0 62.5%;max-width:62.5%}.bx--col-md-6{flex:0 0 75%;max-width:75%}.bx--col-md-7{flex:0 0 87.5%;max-width:87.5%}.bx--col-md-8{flex:0 0 100%;max-width:100%}.bx--offset-md-0{margin-left:0}.bx--offset-md-1{margin-left:12.5%}.bx--offset-md-2{margin-left:25%}.bx--offset-md-3{margin-left:37.5%}.bx--offset-md-4{margin-left:50%}.bx--offset-md-5{margin-left:62.5%}.bx--offset-md-6{margin-left:75%}.bx--offset-md-7{margin-left:87.5%}}.bx--col-lg-1{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-1,.bx--row--condensed .bx--col-lg-1{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-2{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-2,.bx--row--condensed .bx--col-lg-2{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-3{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-3,.bx--row--condensed .bx--col-lg-3{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-4{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-4,.bx--row--condensed .bx--col-lg-4{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-5{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-5,.bx--row--condensed .bx--col-lg-5{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-6{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-6,.bx--row--condensed .bx--col-lg-6{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-7{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-7,.bx--row--condensed .bx--col-lg-7{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-8{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-8,.bx--row--condensed .bx--col-lg-8{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-9{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-9,.bx--row--condensed .bx--col-lg-9{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-10{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-10,.bx--row--condensed .bx--col-lg-10{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-11{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-11,.bx--row--condensed .bx--col-lg-11{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-12{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-12,.bx--row--condensed .bx--col-lg-12{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-13{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-13,.bx--row--condensed .bx--col-lg-13{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-14{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-14,.bx--row--condensed .bx--col-lg-14{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-15{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-15,.bx--row--condensed .bx--col-lg-15{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg-16{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg-16,.bx--row--condensed .bx--col-lg-16{padding-right:.0625rem;padding-left:.0625rem}.bx--col-lg,.bx--col-lg--auto{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-lg,.bx--grid--condensed .bx--col-lg--auto,.bx--row--condensed .bx--col-lg,.bx--row--condensed .bx--col-lg--auto{padding-right:.0625rem;padding-left:.0625rem}@media (min-width:66rem){.bx--col,.bx--col-lg{flex-basis:0;flex-grow:1;max-width:100%}.bx--col--auto,.bx--col-lg--auto{flex:1 0 0%;width:auto;max-width:100%}.bx--col-lg-1{flex:0 0 6.25%;max-width:6.25%}.bx--col-lg-2{flex:0 0 12.5%;max-width:12.5%}.bx--col-lg-3{flex:0 0 18.75%;max-width:18.75%}.bx--col-lg-4{flex:0 0 25%;max-width:25%}.bx--col-lg-5{flex:0 0 31.25%;max-width:31.25%}.bx--col-lg-6{flex:0 0 37.5%;max-width:37.5%}.bx--col-lg-7{flex:0 0 43.75%;max-width:43.75%}.bx--col-lg-8{flex:0 0 50%;max-width:50%}.bx--col-lg-9{flex:0 0 56.25%;max-width:56.25%}.bx--col-lg-10{flex:0 0 62.5%;max-width:62.5%}.bx--col-lg-11{flex:0 0 68.75%;max-width:68.75%}.bx--col-lg-12{flex:0 0 75%;max-width:75%}.bx--col-lg-13{flex:0 0 81.25%;max-width:81.25%}.bx--col-lg-14{flex:0 0 87.5%;max-width:87.5%}.bx--col-lg-15{flex:0 0 93.75%;max-width:93.75%}.bx--col-lg-16{flex:0 0 100%;max-width:100%}.bx--offset-lg-0{margin-left:0}.bx--offset-lg-1{margin-left:6.25%}.bx--offset-lg-2{margin-left:12.5%}.bx--offset-lg-3{margin-left:18.75%}.bx--offset-lg-4{margin-left:25%}.bx--offset-lg-5{margin-left:31.25%}.bx--offset-lg-6{margin-left:37.5%}.bx--offset-lg-7{margin-left:43.75%}.bx--offset-lg-8{margin-left:50%}.bx--offset-lg-9{margin-left:56.25%}.bx--offset-lg-10{margin-left:62.5%}.bx--offset-lg-11{margin-left:68.75%}.bx--offset-lg-12{margin-left:75%}.bx--offset-lg-13{margin-left:81.25%}.bx--offset-lg-14{margin-left:87.5%}.bx--offset-lg-15{margin-left:93.75%}}.bx--col-xlg-1{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-1,.bx--row--condensed .bx--col-xlg-1{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-2{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-2,.bx--row--condensed .bx--col-xlg-2{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-3{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-3,.bx--row--condensed .bx--col-xlg-3{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-4{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-4,.bx--row--condensed .bx--col-xlg-4{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-5{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-5,.bx--row--condensed .bx--col-xlg-5{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-6{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-6,.bx--row--condensed .bx--col-xlg-6{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-7{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-7,.bx--row--condensed .bx--col-xlg-7{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-8{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-8,.bx--row--condensed .bx--col-xlg-8{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-9{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-9,.bx--row--condensed .bx--col-xlg-9{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-10{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-10,.bx--row--condensed .bx--col-xlg-10{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-11{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-11,.bx--row--condensed .bx--col-xlg-11{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-12{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-12,.bx--row--condensed .bx--col-xlg-12{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-13{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-13,.bx--row--condensed .bx--col-xlg-13{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-14{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-14,.bx--row--condensed .bx--col-xlg-14{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-15{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-15,.bx--row--condensed .bx--col-xlg-15{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg-16{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg-16,.bx--row--condensed .bx--col-xlg-16{padding-right:.0625rem;padding-left:.0625rem}.bx--col-xlg,.bx--col-xlg--auto{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-xlg,.bx--grid--condensed .bx--col-xlg--auto,.bx--row--condensed .bx--col-xlg,.bx--row--condensed .bx--col-xlg--auto{padding-right:.0625rem;padding-left:.0625rem}@media (min-width:82rem){.bx--col,.bx--col-xlg{flex-basis:0;flex-grow:1;max-width:100%}.bx--col--auto,.bx--col-xlg--auto{flex:1 0 0%;width:auto;max-width:100%}.bx--col-xlg-1{flex:0 0 6.25%;max-width:6.25%}.bx--col-xlg-2{flex:0 0 12.5%;max-width:12.5%}.bx--col-xlg-3{flex:0 0 18.75%;max-width:18.75%}.bx--col-xlg-4{flex:0 0 25%;max-width:25%}.bx--col-xlg-5{flex:0 0 31.25%;max-width:31.25%}.bx--col-xlg-6{flex:0 0 37.5%;max-width:37.5%}.bx--col-xlg-7{flex:0 0 43.75%;max-width:43.75%}.bx--col-xlg-8{flex:0 0 50%;max-width:50%}.bx--col-xlg-9{flex:0 0 56.25%;max-width:56.25%}.bx--col-xlg-10{flex:0 0 62.5%;max-width:62.5%}.bx--col-xlg-11{flex:0 0 68.75%;max-width:68.75%}.bx--col-xlg-12{flex:0 0 75%;max-width:75%}.bx--col-xlg-13{flex:0 0 81.25%;max-width:81.25%}.bx--col-xlg-14{flex:0 0 87.5%;max-width:87.5%}.bx--col-xlg-15{flex:0 0 93.75%;max-width:93.75%}.bx--col-xlg-16{flex:0 0 100%;max-width:100%}.bx--offset-xlg-0{margin-left:0}.bx--offset-xlg-1{margin-left:6.25%}.bx--offset-xlg-2{margin-left:12.5%}.bx--offset-xlg-3{margin-left:18.75%}.bx--offset-xlg-4{margin-left:25%}.bx--offset-xlg-5{margin-left:31.25%}.bx--offset-xlg-6{margin-left:37.5%}.bx--offset-xlg-7{margin-left:43.75%}.bx--offset-xlg-8{margin-left:50%}.bx--offset-xlg-9{margin-left:56.25%}.bx--offset-xlg-10{margin-left:62.5%}.bx--offset-xlg-11{margin-left:68.75%}.bx--offset-xlg-12{margin-left:75%}.bx--offset-xlg-13{margin-left:81.25%}.bx--offset-xlg-14{margin-left:87.5%}.bx--offset-xlg-15{margin-left:93.75%}}.bx--col-max-1{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-1,.bx--row--condensed .bx--col-max-1{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-2{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-2,.bx--row--condensed .bx--col-max-2{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-3{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-3,.bx--row--condensed .bx--col-max-3{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-4{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-4,.bx--row--condensed .bx--col-max-4{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-5{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-5,.bx--row--condensed .bx--col-max-5{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-6{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-6,.bx--row--condensed .bx--col-max-6{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-7{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-7,.bx--row--condensed .bx--col-max-7{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-8{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-8,.bx--row--condensed .bx--col-max-8{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-9{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-9,.bx--row--condensed .bx--col-max-9{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-10{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-10,.bx--row--condensed .bx--col-max-10{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-11{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-11,.bx--row--condensed .bx--col-max-11{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-12{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-12,.bx--row--condensed .bx--col-max-12{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-13{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-13,.bx--row--condensed .bx--col-max-13{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-14{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-14,.bx--row--condensed .bx--col-max-14{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-15{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-15,.bx--row--condensed .bx--col-max-15{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max-16{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max-16,.bx--row--condensed .bx--col-max-16{padding-right:.0625rem;padding-left:.0625rem}.bx--col-max,.bx--col-max--auto{width:100%;padding-right:1rem;padding-left:1rem}.bx--grid--condensed .bx--col-max,.bx--grid--condensed .bx--col-max--auto,.bx--row--condensed .bx--col-max,.bx--row--condensed .bx--col-max--auto{padding-right:.0625rem;padding-left:.0625rem}@media (min-width:99rem){.bx--col,.bx--col-max{flex-basis:0;flex-grow:1;max-width:100%}.bx--col--auto,.bx--col-max--auto{flex:1 0 0%;width:auto;max-width:100%}.bx--col-max-1{flex:0 0 6.25%;max-width:6.25%}.bx--col-max-2{flex:0 0 12.5%;max-width:12.5%}.bx--col-max-3{flex:0 0 18.75%;max-width:18.75%}.bx--col-max-4{flex:0 0 25%;max-width:25%}.bx--col-max-5{flex:0 0 31.25%;max-width:31.25%}.bx--col-max-6{flex:0 0 37.5%;max-width:37.5%}.bx--col-max-7{flex:0 0 43.75%;max-width:43.75%}.bx--col-max-8{flex:0 0 50%;max-width:50%}.bx--col-max-9{flex:0 0 56.25%;max-width:56.25%}.bx--col-max-10{flex:0 0 62.5%;max-width:62.5%}.bx--col-max-11{flex:0 0 68.75%;max-width:68.75%}.bx--col-max-12{flex:0 0 75%;max-width:75%}.bx--col-max-13{flex:0 0 81.25%;max-width:81.25%}.bx--col-max-14{flex:0 0 87.5%;max-width:87.5%}.bx--col-max-15{flex:0 0 93.75%;max-width:93.75%}.bx--col-max-16{flex:0 0 100%;max-width:100%}.bx--offset-max-0{margin-left:0}.bx--offset-max-1{margin-left:6.25%}.bx--offset-max-2{margin-left:12.5%}.bx--offset-max-3{margin-left:18.75%}.bx--offset-max-4{margin-left:25%}.bx--offset-max-5{margin-left:31.25%}.bx--offset-max-6{margin-left:37.5%}.bx--offset-max-7{margin-left:43.75%}.bx--offset-max-8{margin-left:50%}.bx--offset-max-9{margin-left:56.25%}.bx--offset-max-10{margin-left:62.5%}.bx--offset-max-11{margin-left:68.75%}.bx--offset-max-12{margin-left:75%}.bx--offset-max-13{margin-left:81.25%}.bx--offset-max-14{margin-left:87.5%}.bx--offset-max-15{margin-left:93.75%}}.bx--no-gutter,.bx--row.bx--no-gutter [class*=bx--col]{padding-left:0;padding-right:0}.bx--no-gutter--left,.bx--row.bx--no-gutter--left [class*=bx--col]{padding-left:0}.bx--no-gutter--right,.bx--row.bx--no-gutter--right [class*=bx--col]{padding-right:0}.bx--hang--left{padding-left:1rem}.bx--hang--right{padding-right:1rem}.bx--aspect-ratio{height:0;position:relative}.bx--aspect-ratio--object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.bx--aspect-ratio--16x9{padding-bottom:56.25%}.bx--aspect-ratio--2x1{padding-bottom:50%}.bx--aspect-ratio--4x3{padding-bottom:75%}.bx--aspect-ratio--1x1{padding-bottom:100%}