@eui/eds-styles 22.0.0-alpha.2 → 22.0.0-alpha.20
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.
- package/dist/assets/eds-components.d.ts +70 -0
- package/dist/assets/eds-components.json +134 -0
- package/dist/assets/images/estat-logo-horizontal.svg +27 -0
- package/dist/assets/images/eui-logo.svg +12 -0
- package/dist/assets/images/europa-flag-image.jpg +0 -0
- package/dist/assets/images/placeholder.svg +1 -0
- package/dist/base/01-base/index.scss +0 -1
- package/dist/base/02-tokens/colors-primitive.scss +72 -767
- package/dist/base/02-tokens/colors-semantic-dark-theme.scss +199 -113
- package/dist/base/02-tokens/colors-semantic.scss +138 -52
- package/dist/base/02-tokens/dimensions-primitive.scss +10 -23
- package/dist/base/02-tokens/ecl/primitives/_breakpoint.scss +16 -0
- package/dist/base/02-tokens/ecl/primitives/_color-domain.scss +189 -0
- package/dist/base/02-tokens/ecl/primitives/_color.scss +190 -0
- package/dist/base/02-tokens/ecl/primitives/_dimension.scss +31 -0
- package/dist/base/02-tokens/ecl/primitives/_grid.scss +25 -0
- package/dist/base/02-tokens/ecl/primitives/_index.scss +14 -0
- package/dist/base/02-tokens/ecl/primitives/_typography.scss +58 -0
- package/dist/base/02-tokens/ecl/semantic/_border.scss +22 -0
- package/dist/base/02-tokens/ecl/semantic/_color-dark.scss +221 -0
- package/dist/base/02-tokens/ecl/semantic/_color-domain-dark.scss +172 -0
- package/dist/base/02-tokens/ecl/semantic/_color-domain.scss +172 -0
- package/dist/base/02-tokens/ecl/semantic/_color.scss +227 -0
- package/dist/base/02-tokens/ecl/semantic/_index.scss +17 -0
- package/dist/base/02-tokens/ecl/semantic/_opacity.scss +21 -0
- package/dist/base/02-tokens/ecl/semantic/_shadow.scss +41 -0
- package/dist/base/02-tokens/ecl/semantic/_spacing.scss +62 -0
- package/dist/base/02-tokens/ecl/semantic/_typography.scss +288 -0
- package/dist/base/02-tokens/maps.scss +29 -71
- package/dist/base/02-tokens/typography-primitive.scss +15 -46
- package/dist/base/02-tokens/typography-semantic.scss +33 -33
- package/dist/base/04-elements/table.scss +3 -3
- package/dist/base/06-shared/index.scss +1 -0
- package/dist/base/99-utilities/index.scss +1 -0
- package/dist/base/99-utilities/others.scss +11 -0
- package/dist/eds-grid.css +1 -1
- package/dist/eds-grid.css.map +1 -1
- package/dist/eds-showcase-exports.css +1 -1
- package/dist/eds-showcase-exports.css.map +1 -1
- package/dist/eds-utilities.css +1 -1
- package/dist/eds-utilities.css.map +1 -1
- package/dist/eds-vars.css +1 -1
- package/dist/eds-vars.css.map +1 -1
- package/dist/eds.css +1 -1
- package/dist/eds.css.map +1 -1
- package/package.json +1 -1
- /package/dist/base/{01-base → 06-shared}/animations.scss +0 -0
|
@@ -37,11 +37,11 @@
|
|
|
37
37
|
color: var(--eds-c-foreground-default);
|
|
38
38
|
padding: var(--eds-sp-m) var(--eds-sp-s);
|
|
39
39
|
vertical-align: middle;
|
|
40
|
-
font: var(--eds-f-label-m-
|
|
40
|
+
font: var(--eds-f-label-m-semibold);
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
tr {
|
|
44
|
-
border-bottom: var(--eds-bw-
|
|
44
|
+
border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
|
|
45
45
|
border-top: 0;
|
|
46
46
|
background: var(--eds-c-surface-elevation);
|
|
47
47
|
}
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
tr {
|
|
76
|
-
border-bottom: var(--eds-bw-
|
|
76
|
+
border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
|
|
77
77
|
display: table-row;
|
|
78
78
|
}
|
|
79
79
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@forward 'animations';
|
package/dist/eds-grid.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.eds-container{box-sizing:border-box;margin-inline:auto;padding-inline:var(--eds-sp-m);width:100%}@media screen and (min-width:768px){.eds-container{max-width:768px}}@media screen and (min-width:996px){.eds-container{max-width:996px}}@media screen and (min-width:1140px){.eds-container{max-width:1140px}}@media screen and (min-width:1440px){.eds-container{max-width:1440px}}.eds-container{max-width:1600px}.eds-container-fluid{box-sizing:border-box;margin-inline:auto;padding-inline:var(--eds-sp-m);width:100%}.eds-row{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-inline:calc(var(--eds-sp-m)*-.5)}.eds-row-no-gutters{margin-inline:0}.eds-row-no-gutters>.eds-col,.eds-row-no-gutters>[class*=eds-col-]{padding-inline:0}.eds-col,[class*=eds-col-]{box-sizing:border-box;min-height:1px;padding-inline:calc(var(--eds-sp-m)*.5);position:relative;width:100%}.eds-col{flex:1 0 0%;max-width:100%}.eds-col-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-3{flex:0 0 25%;max-width:25%}.eds-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-6{flex:0 0 50%;max-width:50%}.eds-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-9{flex:0 0 75%;max-width:75%}.eds-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-12{flex:0 0 100%;max-width:100%}.eds-offset-1{margin-inline-start:8.3333333333%}.eds-offset-2{margin-inline-start:16.6666666667%}.eds-offset-3{margin-inline-start:25%}.eds-offset-4{margin-inline-start:33.3333333333%}.eds-offset-5{margin-inline-start:41.6666666667%}.eds-offset-6{margin-inline-start:50%}.eds-offset-7{margin-inline-start:58.3333333333%}.eds-offset-8{margin-inline-start:66.6666666667%}.eds-offset-9{margin-inline-start:75%}.eds-offset-10{margin-inline-start:83.3333333333%}.eds-offset-11{margin-inline-start:91.6666666667%}.eds-order-first{order:-1}.eds-order-last{order:13}.eds-order-0{order:0}.eds-order-1{order:1}.eds-order-2{order:2}.eds-order-3{order:3}.eds-order-4{order:4}.eds-order-5{order:5}.eds-order-6{order:6}.eds-order-7{order:7}.eds-order-8{order:8}.eds-order-9{order:9}.eds-order-10{order:10}.eds-order-11{order:11}.eds-order-12{order:12}@media screen and (min-width:480px){.eds-col-xs-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-xs-3{flex:0 0 25%;max-width:25%}.eds-col-xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-xs-6{flex:0 0 50%;max-width:50%}.eds-col-xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-xs-9{flex:0 0 75%;max-width:75%}.eds-col-xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-xs-12{flex:0 0 100%;max-width:100%}.eds-offset-xs-0{margin-inline-start:0}.eds-offset-xs-1{margin-inline-start:8.3333333333%}.eds-offset-xs-2{margin-inline-start:16.6666666667%}.eds-offset-xs-3{margin-inline-start:25%}.eds-offset-xs-4{margin-inline-start:33.3333333333%}.eds-offset-xs-5{margin-inline-start:41.6666666667%}.eds-offset-xs-6{margin-inline-start:50%}.eds-offset-xs-7{margin-inline-start:58.3333333333%}.eds-offset-xs-8{margin-inline-start:66.6666666667%}.eds-offset-xs-9{margin-inline-start:75%}.eds-offset-xs-10{margin-inline-start:83.3333333333%}.eds-offset-xs-11{margin-inline-start:91.6666666667%}.eds-order-xs-first{order:-1}.eds-order-xs-last{order:13}.eds-order-xs-0{order:0}.eds-order-xs-1{order:1}.eds-order-xs-2{order:2}.eds-order-xs-3{order:3}.eds-order-xs-4{order:4}.eds-order-xs-5{order:5}.eds-order-xs-6{order:6}.eds-order-xs-7{order:7}.eds-order-xs-8{order:8}.eds-order-xs-9{order:9}.eds-order-xs-10{order:10}.eds-order-xs-11{order:11}.eds-order-xs-12{order:12}}@media screen and (min-width:768px){.eds-col-s-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-s-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-s-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-s-3{flex:0 0 25%;max-width:25%}.eds-col-s-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-s-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-s-6{flex:0 0 50%;max-width:50%}.eds-col-s-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-s-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-s-9{flex:0 0 75%;max-width:75%}.eds-col-s-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-s-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-s-12{flex:0 0 100%;max-width:100%}.eds-offset-s-0{margin-inline-start:0}.eds-offset-s-1{margin-inline-start:8.3333333333%}.eds-offset-s-2{margin-inline-start:16.6666666667%}.eds-offset-s-3{margin-inline-start:25%}.eds-offset-s-4{margin-inline-start:33.3333333333%}.eds-offset-s-5{margin-inline-start:41.6666666667%}.eds-offset-s-6{margin-inline-start:50%}.eds-offset-s-7{margin-inline-start:58.3333333333%}.eds-offset-s-8{margin-inline-start:66.6666666667%}.eds-offset-s-9{margin-inline-start:75%}.eds-offset-s-10{margin-inline-start:83.3333333333%}.eds-offset-s-11{margin-inline-start:91.6666666667%}.eds-order-s-first{order:-1}.eds-order-s-last{order:13}.eds-order-s-0{order:0}.eds-order-s-1{order:1}.eds-order-s-2{order:2}.eds-order-s-3{order:3}.eds-order-s-4{order:4}.eds-order-s-5{order:5}.eds-order-s-6{order:6}.eds-order-s-7{order:7}.eds-order-s-8{order:8}.eds-order-s-9{order:9}.eds-order-s-10{order:10}.eds-order-s-11{order:11}.eds-order-s-12{order:12}}@media screen and (min-width:996px){.eds-col-m-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-m-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-m-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-m-3{flex:0 0 25%;max-width:25%}.eds-col-m-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-m-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-m-6{flex:0 0 50%;max-width:50%}.eds-col-m-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-m-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-m-9{flex:0 0 75%;max-width:75%}.eds-col-m-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-m-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-m-12{flex:0 0 100%;max-width:100%}.eds-offset-m-0{margin-inline-start:0}.eds-offset-m-1{margin-inline-start:8.3333333333%}.eds-offset-m-2{margin-inline-start:16.6666666667%}.eds-offset-m-3{margin-inline-start:25%}.eds-offset-m-4{margin-inline-start:33.3333333333%}.eds-offset-m-5{margin-inline-start:41.6666666667%}.eds-offset-m-6{margin-inline-start:50%}.eds-offset-m-7{margin-inline-start:58.3333333333%}.eds-offset-m-8{margin-inline-start:66.6666666667%}.eds-offset-m-9{margin-inline-start:75%}.eds-offset-m-10{margin-inline-start:83.3333333333%}.eds-offset-m-11{margin-inline-start:91.6666666667%}.eds-order-m-first{order:-1}.eds-order-m-last{order:13}.eds-order-m-0{order:0}.eds-order-m-1{order:1}.eds-order-m-2{order:2}.eds-order-m-3{order:3}.eds-order-m-4{order:4}.eds-order-m-5{order:5}.eds-order-m-6{order:6}.eds-order-m-7{order:7}.eds-order-m-8{order:8}.eds-order-m-9{order:9}.eds-order-m-10{order:10}.eds-order-m-11{order:11}.eds-order-m-12{order:12}}@media screen and (min-width:1140px){.eds-col-l-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-l-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-l-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-l-3{flex:0 0 25%;max-width:25%}.eds-col-l-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-l-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-l-6{flex:0 0 50%;max-width:50%}.eds-col-l-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-l-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-l-9{flex:0 0 75%;max-width:75%}.eds-col-l-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-l-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-l-12{flex:0 0 100%;max-width:100%}.eds-offset-l-0{margin-inline-start:0}.eds-offset-l-1{margin-inline-start:8.3333333333%}.eds-offset-l-2{margin-inline-start:16.6666666667%}.eds-offset-l-3{margin-inline-start:25%}.eds-offset-l-4{margin-inline-start:33.3333333333%}.eds-offset-l-5{margin-inline-start:41.6666666667%}.eds-offset-l-6{margin-inline-start:50%}.eds-offset-l-7{margin-inline-start:58.3333333333%}.eds-offset-l-8{margin-inline-start:66.6666666667%}.eds-offset-l-9{margin-inline-start:75%}.eds-offset-l-10{margin-inline-start:83.3333333333%}.eds-offset-l-11{margin-inline-start:91.6666666667%}.eds-order-l-first{order:-1}.eds-order-l-last{order:13}.eds-order-l-0{order:0}.eds-order-l-1{order:1}.eds-order-l-2{order:2}.eds-order-l-3{order:3}.eds-order-l-4{order:4}.eds-order-l-5{order:5}.eds-order-l-6{order:6}.eds-order-l-7{order:7}.eds-order-l-8{order:8}.eds-order-l-9{order:9}.eds-order-l-10{order:10}.eds-order-l-11{order:11}.eds-order-l-12{order:12}}@media screen and (min-width:1440px){.eds-col-xl-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-xl-3{flex:0 0 25%;max-width:25%}.eds-col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-xl-6{flex:0 0 50%;max-width:50%}.eds-col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-xl-9{flex:0 0 75%;max-width:75%}.eds-col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-xl-12{flex:0 0 100%;max-width:100%}.eds-offset-xl-0{margin-inline-start:0}.eds-offset-xl-1{margin-inline-start:8.3333333333%}.eds-offset-xl-2{margin-inline-start:16.6666666667%}.eds-offset-xl-3{margin-inline-start:25%}.eds-offset-xl-4{margin-inline-start:33.3333333333%}.eds-offset-xl-5{margin-inline-start:41.6666666667%}.eds-offset-xl-6{margin-inline-start:50%}.eds-offset-xl-7{margin-inline-start:58.3333333333%}.eds-offset-xl-8{margin-inline-start:66.6666666667%}.eds-offset-xl-9{margin-inline-start:75%}.eds-offset-xl-10{margin-inline-start:83.3333333333%}.eds-offset-xl-11{margin-inline-start:91.6666666667%}.eds-order-xl-first{order:-1}.eds-order-xl-last{order:13}.eds-order-xl-0{order:0}.eds-order-xl-1{order:1}.eds-order-xl-2{order:2}.eds-order-xl-3{order:3}.eds-order-xl-4{order:4}.eds-order-xl-5{order:5}.eds-order-xl-6{order:6}.eds-order-xl-7{order:7}.eds-order-xl-8{order:8}.eds-order-xl-9{order:9}.eds-order-xl-10{order:10}.eds-order-xl-11{order:11}.eds-order-xl-12{order:12}}@media screen and (min-width:1600px){.eds-col-2xl-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-2xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-2xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-2xl-3{flex:0 0 25%;max-width:25%}.eds-col-2xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-2xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-2xl-6{flex:0 0 50%;max-width:50%}.eds-col-2xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-2xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-2xl-9{flex:0 0 75%;max-width:75%}.eds-col-2xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-2xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-2xl-12{flex:0 0 100%;max-width:100%}.eds-offset-2xl-0{margin-inline-start:0}.eds-offset-2xl-1{margin-inline-start:8.3333333333%}.eds-offset-2xl-2{margin-inline-start:16.6666666667%}.eds-offset-2xl-3{margin-inline-start:25%}.eds-offset-2xl-4{margin-inline-start:33.3333333333%}.eds-offset-2xl-5{margin-inline-start:41.6666666667%}.eds-offset-2xl-6{margin-inline-start:50%}.eds-offset-2xl-7{margin-inline-start:58.3333333333%}.eds-offset-2xl-8{margin-inline-start:66.6666666667%}.eds-offset-2xl-9{margin-inline-start:75%}.eds-offset-2xl-10{margin-inline-start:83.3333333333%}.eds-offset-2xl-11{margin-inline-start:91.6666666667%}.eds-order-2xl-first{order:-1}.eds-order-2xl-last{order:13}.eds-order-2xl-0{order:0}.eds-order-2xl-1{order:1}.eds-order-2xl-2{order:2}.eds-order-2xl-3{order:3}.eds-order-2xl-4{order:4}.eds-order-2xl-5{order:5}.eds-order-2xl-6{order:6}.eds-order-2xl-7{order:7}.eds-order-2xl-8{order:8}.eds-order-2xl-9{order:9}.eds-order-2xl-10{order:10}.eds-order-2xl-11{order:11}.eds-order-2xl-12{order:12}}.eds-row-align-start{align-items:flex-start}.eds-row-align-center{align-items:center}.eds-row-align-end{align-items:flex-end}.eds-row-align-stretch{align-items:stretch}.eds-row-justify-start{justify-content:flex-start}.eds-row-justify-center{justify-content:center}.eds-row-justify-end{justify-content:flex-end}.eds-row-justify-between{justify-content:space-between}.eds-row-justify-around{justify-content:space-around}.eds-row-justify-evenly{justify-content:space-evenly}.eds-col-align-start{align-self:flex-start}.eds-col-align-center{align-self:center}.eds-col-align-end{align-self:flex-end}.eds-col-align-stretch{align-self:stretch}
|
|
1
|
+
.eds-container{box-sizing:border-box;margin-inline:auto;padding-inline:var(--eds-sp-m);width:100%}@media screen and (min-width:768px){.eds-container{max-width:768px}}@media screen and (min-width:996px){.eds-container{max-width:996px}}@media screen and (min-width:1140px){.eds-container{max-width:1140px}}@media screen and (min-width:1440px){.eds-container{max-width:1440px}}.eds-container{max-width:1600px}.eds-container-fluid{box-sizing:border-box;margin-inline:auto;padding-inline:var(--eds-sp-m);width:100%}.eds-row{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-inline:calc(var(--eds-sp-m)*-.5)}.eds-row-no-gutters{margin-inline:0}.eds-row-no-gutters>.eds-col,.eds-row-no-gutters>[class*=eds-col-]{padding-inline:0}.eds-col,[class*=eds-col-]{box-sizing:border-box;min-height:1px;padding-inline:calc(var(--eds-sp-m)*.5);position:relative;width:100%}.eds-col{flex:1 0 0%;max-width:100%}.eds-col-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-3{flex:0 0 25%;max-width:25%}.eds-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-6{flex:0 0 50%;max-width:50%}.eds-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-9{flex:0 0 75%;max-width:75%}.eds-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-12{flex:0 0 100%;max-width:100%}.eds-offset-1{margin-inline-start:8.3333333333%}.eds-offset-2{margin-inline-start:16.6666666667%}.eds-offset-3{margin-inline-start:25%}.eds-offset-4{margin-inline-start:33.3333333333%}.eds-offset-5{margin-inline-start:41.6666666667%}.eds-offset-6{margin-inline-start:50%}.eds-offset-7{margin-inline-start:58.3333333333%}.eds-offset-8{margin-inline-start:66.6666666667%}.eds-offset-9{margin-inline-start:75%}.eds-offset-10{margin-inline-start:83.3333333333%}.eds-offset-11{margin-inline-start:91.6666666667%}.eds-order-first{order:-1}.eds-order-last{order:13}.eds-order-0{order:0}.eds-order-1{order:1}.eds-order-2{order:2}.eds-order-3{order:3}.eds-order-4{order:4}.eds-order-5{order:5}.eds-order-6{order:6}.eds-order-7{order:7}.eds-order-8{order:8}.eds-order-9{order:9}.eds-order-10{order:10}.eds-order-11{order:11}.eds-order-12{order:12}@media screen and (min-width:480px){.eds-col-xs-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-xs-3{flex:0 0 25%;max-width:25%}.eds-col-xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-xs-6{flex:0 0 50%;max-width:50%}.eds-col-xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-xs-9{flex:0 0 75%;max-width:75%}.eds-col-xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-xs-12{flex:0 0 100%;max-width:100%}.eds-offset-xs-0{margin-inline-start:0}.eds-offset-xs-1{margin-inline-start:8.3333333333%}.eds-offset-xs-2{margin-inline-start:16.6666666667%}.eds-offset-xs-3{margin-inline-start:25%}.eds-offset-xs-4{margin-inline-start:33.3333333333%}.eds-offset-xs-5{margin-inline-start:41.6666666667%}.eds-offset-xs-6{margin-inline-start:50%}.eds-offset-xs-7{margin-inline-start:58.3333333333%}.eds-offset-xs-8{margin-inline-start:66.6666666667%}.eds-offset-xs-9{margin-inline-start:75%}.eds-offset-xs-10{margin-inline-start:83.3333333333%}.eds-offset-xs-11{margin-inline-start:91.6666666667%}.eds-order-xs-first{order:-1}.eds-order-xs-last{order:13}.eds-order-xs-0{order:0}.eds-order-xs-1{order:1}.eds-order-xs-2{order:2}.eds-order-xs-3{order:3}.eds-order-xs-4{order:4}.eds-order-xs-5{order:5}.eds-order-xs-6{order:6}.eds-order-xs-7{order:7}.eds-order-xs-8{order:8}.eds-order-xs-9{order:9}.eds-order-xs-10{order:10}.eds-order-xs-11{order:11}.eds-order-xs-12{order:12}}@media screen and (min-width:768px){.eds-col-s-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-s-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-s-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-s-3{flex:0 0 25%;max-width:25%}.eds-col-s-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-s-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-s-6{flex:0 0 50%;max-width:50%}.eds-col-s-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-s-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-s-9{flex:0 0 75%;max-width:75%}.eds-col-s-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-s-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-s-12{flex:0 0 100%;max-width:100%}.eds-offset-s-0{margin-inline-start:0}.eds-offset-s-1{margin-inline-start:8.3333333333%}.eds-offset-s-2{margin-inline-start:16.6666666667%}.eds-offset-s-3{margin-inline-start:25%}.eds-offset-s-4{margin-inline-start:33.3333333333%}.eds-offset-s-5{margin-inline-start:41.6666666667%}.eds-offset-s-6{margin-inline-start:50%}.eds-offset-s-7{margin-inline-start:58.3333333333%}.eds-offset-s-8{margin-inline-start:66.6666666667%}.eds-offset-s-9{margin-inline-start:75%}.eds-offset-s-10{margin-inline-start:83.3333333333%}.eds-offset-s-11{margin-inline-start:91.6666666667%}.eds-order-s-first{order:-1}.eds-order-s-last{order:13}.eds-order-s-0{order:0}.eds-order-s-1{order:1}.eds-order-s-2{order:2}.eds-order-s-3{order:3}.eds-order-s-4{order:4}.eds-order-s-5{order:5}.eds-order-s-6{order:6}.eds-order-s-7{order:7}.eds-order-s-8{order:8}.eds-order-s-9{order:9}.eds-order-s-10{order:10}.eds-order-s-11{order:11}.eds-order-s-12{order:12}}@media screen and (min-width:996px){.eds-col-m-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-m-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-m-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-m-3{flex:0 0 25%;max-width:25%}.eds-col-m-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-m-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-m-6{flex:0 0 50%;max-width:50%}.eds-col-m-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-m-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-m-9{flex:0 0 75%;max-width:75%}.eds-col-m-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-m-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-m-12{flex:0 0 100%;max-width:100%}.eds-offset-m-0{margin-inline-start:0}.eds-offset-m-1{margin-inline-start:8.3333333333%}.eds-offset-m-2{margin-inline-start:16.6666666667%}.eds-offset-m-3{margin-inline-start:25%}.eds-offset-m-4{margin-inline-start:33.3333333333%}.eds-offset-m-5{margin-inline-start:41.6666666667%}.eds-offset-m-6{margin-inline-start:50%}.eds-offset-m-7{margin-inline-start:58.3333333333%}.eds-offset-m-8{margin-inline-start:66.6666666667%}.eds-offset-m-9{margin-inline-start:75%}.eds-offset-m-10{margin-inline-start:83.3333333333%}.eds-offset-m-11{margin-inline-start:91.6666666667%}.eds-order-m-first{order:-1}.eds-order-m-last{order:13}.eds-order-m-0{order:0}.eds-order-m-1{order:1}.eds-order-m-2{order:2}.eds-order-m-3{order:3}.eds-order-m-4{order:4}.eds-order-m-5{order:5}.eds-order-m-6{order:6}.eds-order-m-7{order:7}.eds-order-m-8{order:8}.eds-order-m-9{order:9}.eds-order-m-10{order:10}.eds-order-m-11{order:11}.eds-order-m-12{order:12}}@media screen and (min-width:1140px){.eds-col-l-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-l-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-l-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-l-3{flex:0 0 25%;max-width:25%}.eds-col-l-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-l-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-l-6{flex:0 0 50%;max-width:50%}.eds-col-l-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-l-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-l-9{flex:0 0 75%;max-width:75%}.eds-col-l-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-l-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-l-12{flex:0 0 100%;max-width:100%}.eds-offset-l-0{margin-inline-start:0}.eds-offset-l-1{margin-inline-start:8.3333333333%}.eds-offset-l-2{margin-inline-start:16.6666666667%}.eds-offset-l-3{margin-inline-start:25%}.eds-offset-l-4{margin-inline-start:33.3333333333%}.eds-offset-l-5{margin-inline-start:41.6666666667%}.eds-offset-l-6{margin-inline-start:50%}.eds-offset-l-7{margin-inline-start:58.3333333333%}.eds-offset-l-8{margin-inline-start:66.6666666667%}.eds-offset-l-9{margin-inline-start:75%}.eds-offset-l-10{margin-inline-start:83.3333333333%}.eds-offset-l-11{margin-inline-start:91.6666666667%}.eds-order-l-first{order:-1}.eds-order-l-last{order:13}.eds-order-l-0{order:0}.eds-order-l-1{order:1}.eds-order-l-2{order:2}.eds-order-l-3{order:3}.eds-order-l-4{order:4}.eds-order-l-5{order:5}.eds-order-l-6{order:6}.eds-order-l-7{order:7}.eds-order-l-8{order:8}.eds-order-l-9{order:9}.eds-order-l-10{order:10}.eds-order-l-11{order:11}.eds-order-l-12{order:12}}@media screen and (min-width:1440px){.eds-col-xl-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-xl-3{flex:0 0 25%;max-width:25%}.eds-col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-xl-6{flex:0 0 50%;max-width:50%}.eds-col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-xl-9{flex:0 0 75%;max-width:75%}.eds-col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-xl-12{flex:0 0 100%;max-width:100%}.eds-offset-xl-0{margin-inline-start:0}.eds-offset-xl-1{margin-inline-start:8.3333333333%}.eds-offset-xl-2{margin-inline-start:16.6666666667%}.eds-offset-xl-3{margin-inline-start:25%}.eds-offset-xl-4{margin-inline-start:33.3333333333%}.eds-offset-xl-5{margin-inline-start:41.6666666667%}.eds-offset-xl-6{margin-inline-start:50%}.eds-offset-xl-7{margin-inline-start:58.3333333333%}.eds-offset-xl-8{margin-inline-start:66.6666666667%}.eds-offset-xl-9{margin-inline-start:75%}.eds-offset-xl-10{margin-inline-start:83.3333333333%}.eds-offset-xl-11{margin-inline-start:91.6666666667%}.eds-order-xl-first{order:-1}.eds-order-xl-last{order:13}.eds-order-xl-0{order:0}.eds-order-xl-1{order:1}.eds-order-xl-2{order:2}.eds-order-xl-3{order:3}.eds-order-xl-4{order:4}.eds-order-xl-5{order:5}.eds-order-xl-6{order:6}.eds-order-xl-7{order:7}.eds-order-xl-8{order:8}.eds-order-xl-9{order:9}.eds-order-xl-10{order:10}.eds-order-xl-11{order:11}.eds-order-xl-12{order:12}}@media screen and (min-width:1600px){.eds-col-2xl-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-2xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-2xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-2xl-3{flex:0 0 25%;max-width:25%}.eds-col-2xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-2xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-2xl-6{flex:0 0 50%;max-width:50%}.eds-col-2xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-2xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-2xl-9{flex:0 0 75%;max-width:75%}.eds-col-2xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-2xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-2xl-12{flex:0 0 100%;max-width:100%}.eds-offset-2xl-0{margin-inline-start:0}.eds-offset-2xl-1{margin-inline-start:8.3333333333%}.eds-offset-2xl-2{margin-inline-start:16.6666666667%}.eds-offset-2xl-3{margin-inline-start:25%}.eds-offset-2xl-4{margin-inline-start:33.3333333333%}.eds-offset-2xl-5{margin-inline-start:41.6666666667%}.eds-offset-2xl-6{margin-inline-start:50%}.eds-offset-2xl-7{margin-inline-start:58.3333333333%}.eds-offset-2xl-8{margin-inline-start:66.6666666667%}.eds-offset-2xl-9{margin-inline-start:75%}.eds-offset-2xl-10{margin-inline-start:83.3333333333%}.eds-offset-2xl-11{margin-inline-start:91.6666666667%}.eds-order-2xl-first{order:-1}.eds-order-2xl-last{order:13}.eds-order-2xl-0{order:0}.eds-order-2xl-1{order:1}.eds-order-2xl-2{order:2}.eds-order-2xl-3{order:3}.eds-order-2xl-4{order:4}.eds-order-2xl-5{order:5}.eds-order-2xl-6{order:6}.eds-order-2xl-7{order:7}.eds-order-2xl-8{order:8}.eds-order-2xl-9{order:9}.eds-order-2xl-10{order:10}.eds-order-2xl-11{order:11}.eds-order-2xl-12{order:12}}.eds-row-align-start{align-items:flex-start}.eds-row-align-center{align-items:center}.eds-row-align-end{align-items:flex-end}.eds-row-align-stretch{align-items:stretch}.eds-row-justify-start{justify-content:flex-start}.eds-row-justify-center{justify-content:center}.eds-row-justify-end{justify-content:flex-end}.eds-row-justify-between{justify-content:space-between}.eds-row-justify-around{justify-content:space-around}.eds-row-justify-evenly{justify-content:space-evenly}.eds-col-align-start{align-self:flex-start}.eds-col-align-center{align-self:center}.eds-col-align-end{align-self:flex-end}.eds-col-align-stretch{align-self:stretch}
|
package/dist/eds-grid.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/05-vendors/_eds-grid.scss"],"names":[],"mappings":"AA+EA;EACE;EACA;EACA,gBArDY;EAsDZ;;AAdE;EAUJ;IAQM,WAjDY;;;AA+Bd;EAUJ;IAQM,WAjDY;;;AA+Bd;EAUJ;IAQM,WAjDY;;;AA+Bd;EAUJ;IAQM,WAjDY;;;AAyClB;EAQM,WAjDY;;;AAsDlB;EACE;EACA;EACA,gBAlEY;EAmEZ;;;AAKF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;AAAA;EAEE;;;AAMJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;;;AAUE;EACE;EACA;EACA;;;AAKA;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAOA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAQN;EACE;;;AAEF;EACE;;;AAGA;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAUjB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE","sourcesContent":["@use 'sass:map';\n@use 'sass:math';\n@use 'sass:list';\n@use '../02-tokens/maps' as maps;\n\n// ==========================================================================\n// EDS Grid System\n// A 12-column responsive grid using EDS breakpoints and spacing tokens.\n//\n// Usage:\n// <div class=\"eds-container\">\n// <div class=\"eds-row\">\n// <div class=\"eds-col-12 eds-col-m-6 eds-col-l-4\">Column</div>\n// <div class=\"eds-col-12 eds-col-m-6 eds-col-l-8\">Column</div>\n// </div>\n// </div>\n//\n// Breakpoint prefixes (mobile-first):\n// (none) = xs (0+)\n// -s = 480px+\n// -m = 768px+\n// -l = 996px+\n// -xl = 1140px+\n// -2xl = 1600px+\n// ==========================================================================\n\n// --- Configuration ---\n\n$grid-columns: 12 !default;\n$grid-gutter: var(--eds-sp-m) !default;\n\n// Breakpoints from EDS tokens\n$grid-breakpoints: maps.$breakpoint-size-map;\n\n// Add a base breakpoint at 0 for always-active classes (no prefix)\n$grid-breakpoints-with-base: map.merge((base: 0), $grid-breakpoints);\n\n// Container max-widths per breakpoint\n$grid-containers: (\n 's': 768px,\n 'm': 996px,\n 'l': 1140px,\n 'xl': 1440px,\n '2xl': 1600px,\n) !default;\n\n// --- Breakpoint helpers ---\n\n@function _breakpoint-min($name) {\n $min: map.get($grid-breakpoints-with-base, $name);\n @if $min and $min != 0 {\n @return $min;\n }\n @return null;\n}\n\n@function _breakpoint-infix($name) {\n @if $name == 'base' {\n @return '';\n }\n @if _breakpoint-min($name) == null {\n @return '';\n }\n @return '-#{$name}';\n}\n\n@mixin _breakpoint-up($name) {\n $min: _breakpoint-min($name);\n @if $min {\n @media screen and (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// --- Container ---\n\n.eds-container {\n box-sizing: border-box;\n margin-inline: auto;\n padding-inline: $grid-gutter;\n width: 100%;\n\n @each $breakpoint, $max-width in $grid-containers {\n @include _breakpoint-up($breakpoint) {\n max-width: $max-width;\n }\n }\n}\n\n.eds-container-fluid {\n box-sizing: border-box;\n margin-inline: auto;\n padding-inline: $grid-gutter;\n width: 100%;\n}\n\n// --- Row ---\n\n.eds-row {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n margin-inline: calc(#{$grid-gutter} * -0.5);\n}\n\n.eds-row-no-gutters {\n margin-inline: 0;\n\n > .eds-col,\n > [class*='eds-col-'] {\n padding-inline: 0;\n }\n}\n\n// --- Columns base styles ---\n\n.eds-col,\n[class*='eds-col-'] {\n box-sizing: border-box;\n min-height: 1px;\n padding-inline: calc(#{$grid-gutter} * 0.5);\n position: relative;\n width: 100%;\n}\n\n// Auto-width column\n.eds-col {\n flex: 1 0 0%;\n max-width: 100%;\n}\n\n// --- Generate grid classes for each breakpoint ---\n\n@each $breakpoint, $bp-value in $grid-breakpoints-with-base {\n $infix: _breakpoint-infix($breakpoint);\n\n @include _breakpoint-up($breakpoint) {\n // Auto-width column at breakpoint\n .eds-col#{$infix}-auto {\n flex: 0 0 auto;\n max-width: none;\n width: auto;\n }\n\n // Sized columns\n @for $i from 1 through $grid-columns {\n .eds-col#{$infix}-#{$i} {\n flex: 0 0 math.percentage(math.div($i, $grid-columns));\n max-width: math.percentage(math.div($i, $grid-columns));\n }\n }\n\n // Offsets\n @for $i from 0 through ($grid-columns - 1) {\n @if not($infix == '' and $i == 0) {\n .eds-offset#{$infix}-#{$i} {\n margin-inline-start: math.percentage(\n math.div($i, $grid-columns)\n );\n }\n }\n }\n\n // Order utilities\n .eds-order#{$infix}-first {\n order: -1;\n }\n .eds-order#{$infix}-last {\n order: $grid-columns + 1;\n }\n @for $i from 0 through $grid-columns {\n .eds-order#{$infix}-#{$i} {\n order: $i;\n }\n }\n }\n}\n\n// --- Row alignment utilities ---\n\n.eds-row-align-start {\n align-items: flex-start;\n}\n\n.eds-row-align-center {\n align-items: center;\n}\n\n.eds-row-align-end {\n align-items: flex-end;\n}\n\n.eds-row-align-stretch {\n align-items: stretch;\n}\n\n.eds-row-justify-start {\n justify-content: flex-start;\n}\n\n.eds-row-justify-center {\n justify-content: center;\n}\n\n.eds-row-justify-end {\n justify-content: flex-end;\n}\n\n.eds-row-justify-between {\n justify-content: space-between;\n}\n\n.eds-row-justify-around {\n justify-content: space-around;\n}\n\n.eds-row-justify-evenly {\n justify-content: space-evenly;\n}\n\n// --- Column self-alignment ---\n\n.eds-col-align-start {\n align-self: flex-start;\n}\n\n.eds-col-align-center {\n align-self: center;\n}\n\n.eds-col-align-end {\n align-self: flex-end;\n}\n\n.eds-col-align-stretch {\n align-self: stretch;\n}\n"]}
|