@uva-glass/component-library/dist/assets/Column.css

React components UvA

._page-grid__row_10s51_1{--grid-cols: 12;display:flex;flex-wrap:wrap;min-width:100%}._page-grid__row-mt-0_10s51_9{margin-top:0}._page-grid__row-mt-025_10s51_13{margin-top:.25rem}._page-grid__row-mt-050_10s51_17{margin-top:.5rem}._page-grid__row-mt-075_10s51_21{margin-top:.75rem}._page-grid__row-mt-100_10s51_25{margin-top:1rem}._page-grid__row-mt-125_10s51_29{margin-top:1.25rem}._page-grid__row-mt-150_10s51_33{margin-top:1.5rem}._page-grid__row-mt-175_10s51_37{margin-top:1.75rem}._page-grid__row-mt-200_10s51_41{margin-top:2rem}._page-grid__row-mt-250_10s51_45{margin-top:2.5rem}._page-grid__row-mt-300_10s51_49{margin-top:3rem}._page-grid__row-mt-350_10s51_53{margin-top:3.5rem}._page-grid__row-mb-0_10s51_57{margin-bottom:0}._page-grid__row-mb-025_10s51_61{margin-bottom:.25rem}._page-grid__row-mb-050_10s51_65{margin-bottom:.5rem}._page-grid__row-mb-075_10s51_69{margin-bottom:.75rem}._page-grid__row-mb-100_10s51_73{margin-bottom:1rem}._page-grid__row-mb-125_10s51_77{margin-bottom:1.25rem}._page-grid__row-mb-150_10s51_81{margin-bottom:1.5rem}._page-grid__row-mb-175_10s51_85{margin-bottom:1.75rem}._page-grid__row-mb-200_10s51_89{margin-bottom:2rem}._page-grid__row-mb-250_10s51_93{margin-bottom:2.5rem}._page-grid__row-mb-300_10s51_97{margin-bottom:3rem}._page-grid__row-mb-350_10s51_101{margin-bottom:3.5rem}[class^=page-grid__col]{position:relative}._page-grid__col-12_10s51_109,._page-grid__col_10s51_109{flex-basis:100%;max-width:100%;padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-1_10s51_109{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-2_10s51_124{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-3_10s51_132{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-4_10s51_140{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-5_10s51_148{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-6_10s51_156{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-7_10s51_164{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-8_10s51_172{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-9_10s51_180{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-10_10s51_188{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-11_10s51_196{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-12_10s51_109{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}@media only screen and (max-width: 64rem){._page-grid__col-md-1_10s51_215{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-2_10s51_223{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-3_10s51_231{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-4_10s51_239{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-5_10s51_247{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-6_10s51_255{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-7_10s51_263{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-8_10s51_271{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-9_10s51_279{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-10_10s51_287{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-11_10s51_295{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-12_10s51_303{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}}._page-grid__col-start-position-1_10s51_312{margin-left:calc((1 / 12 * 100%))}._page-grid__col-start-position-2_10s51_316{margin-left:calc((2 / 12 * 100%))}._page-grid__col-start-position-3_10s51_320{margin-left:25%}._page-grid__col-start-position-4_10s51_324{margin-left:calc((4 / 12 * 100%))}._page-grid__col-start-position-5_10s51_328{margin-left:calc((5 / 12 * 100%))}._page-grid__col-start-position-6_10s51_332{margin-left:50%}._page-grid__col-start-position-7_10s51_336{margin-left:calc((7 / 12 * 100%))}._page-grid__col-start-position-8_10s51_340{margin-left:calc((8 / 12 * 100%))}._page-grid__col-start-position-9_10s51_344{margin-left:75%}._page-grid__col-start-position-10_10s51_348{margin-left:calc((10 / 12 * 100%))}._page-grid__col-start-position-11_10s51_352{margin-left:calc((11 / 12 * 100%))}@media only screen and (max-width: 64rem){._page-grid__col-md-start-position-1_10s51_359{margin-left:calc((1 / 12 * 100%))}._page-grid__col-md-start-position-2_10s51_363{margin-left:calc((2 / 12 * 100%))}._page-grid__col-md-start-position-3_10s51_367{margin-left:25%}._page-grid__col-md-start-position-4_10s51_371{margin-left:calc((4 / 12 * 100%))}._page-grid__col-md-start-position-5_10s51_375{margin-left:calc((5 / 12 * 100%))}._page-grid__col-md-start-position-6_10s51_379{margin-left:50%}._page-grid__col-md-start-position-7_10s51_383{margin-left:calc((7 / 12 * 100%))}._page-grid__col-md-start-position-8_10s51_387{margin-left:calc((8 / 12 * 100%))}._page-grid__col-md-start-position-9_10s51_391{margin-left:75%}._page-grid__col-md-start-position-10_10s51_395{margin-left:calc((10 / 12 * 100%))}._page-grid__col-md-start-position-11_10s51_399{margin-left:calc((11 / 12 * 100%))}}@media only screen and (max-width: 40rem){._page-grid__col-1_10s51_109,._page-grid__col-2_10s51_124,._page-grid__col-3_10s51_132,._page-grid__col-4_10s51_140,._page-grid__col-5_10s51_148,._page-grid__col-6_10s51_156,._page-grid__col-7_10s51_164,._page-grid__col-8_10s51_172,._page-grid__col-9_10s51_180,._page-grid__col-10_10s51_188,._page-grid__col-11_10s51_196{flex-basis:100%;margin-left:0;max-width:100%}}