@eui/eds-styles 23.0.0-alpha.10 → 23.0.0-alpha.12
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/icons/sprites/core.json +53 -0
- package/dist/assets/icons/sprites/core.svg +1 -0
- package/dist/assets/icons/sprites/file.json +29 -0
- package/dist/assets/icons/sprites/file.svg +1 -0
- package/dist/assets/icons/sprites/fill.json +1428 -1512
- package/dist/assets/icons/sprites/fill.svg +1 -1
- package/dist/assets/icons/sprites/flags-1x1.json +14 -0
- package/dist/assets/icons/sprites/flags-1x1.svg +1 -83
- package/dist/assets/icons/sprites/flags-4x3.json +14 -0
- package/dist/assets/icons/sprites/flags-4x3.svg +1 -83
- package/dist/assets/icons/sprites/regular.json +1 -85
- package/dist/assets/icons/sprites/regular.svg +1 -1
- package/dist/base/00-reset/index.scss +5 -275
- package/dist/base/01-base/animations.scss +8 -0
- package/dist/base/01-base/index.scss +2 -1
- package/dist/base/01-base/mixins.scss +97 -1
- package/dist/base/02-tokens/typography-semantic.scss +6 -0
- package/dist/base/03-vars/typography.scss +13 -3
- package/dist/base/04-elements/html-body.scss +26 -0
- package/dist/base/04-elements/index.scss +2 -26
- package/dist/base/04-elements/table.scss +142 -0
- package/dist/base/99-utilities/colors.scss +27 -8
- package/dist/base/99-utilities/flex.scss +0 -1
- package/dist/base/99-utilities/typography.scss +145 -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/assets/icons/internals/check.svg +0 -24
- package/dist/assets/icons/internals/chevron-down.svg +0 -1
- package/dist/assets/icons/internals/ellipse.svg +0 -1
- package/dist/assets/icons/internals/external.svg +0 -1
- package/dist/assets/icons/internals/remove.svg +0 -1
|
@@ -1,22 +1,41 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
1
2
|
@use 'sass:string';
|
|
2
3
|
@use '../02-tokens/colors-semantic' as semantic;
|
|
3
4
|
|
|
4
5
|
@each $color, $value in semantic.$color-semantic-map {
|
|
5
|
-
|
|
6
|
+
// Skip interactive state tokens — they are not useful as static utility classes
|
|
7
|
+
@if string.index($color, '--hover') or string.index($color, '--pressed') or string.index($color, '--focused') or string.index($color, '--visited') {
|
|
8
|
+
// no-op: hover/pressed/focused/visited states are pseudo-class driven
|
|
9
|
+
} @else if string.index($color, 'on-surface-') {
|
|
10
|
+
// on-surface tokens are consumed by their parent surface class — skip standalone generation
|
|
11
|
+
} @else if string.index($color, 'border-') {
|
|
6
12
|
.eds-u-c-#{$color} {
|
|
7
13
|
border-color: var(--eds-c-#{$color}) !important;
|
|
8
14
|
}
|
|
9
15
|
} @else if string.index($color, 'surface-') {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
} @else {
|
|
15
|
-
.eds-u-c-#{$color} {
|
|
16
|
-
background-color: var(--eds-c-#{$color}) !important;
|
|
16
|
+
.eds-u-c-#{$color} {
|
|
17
|
+
background-color: var(--eds-c-#{$color}) !important;
|
|
18
|
+
|
|
19
|
+
@if map.has-key(semantic.$color-semantic-map, 'on-#{$color}') {
|
|
17
20
|
color: var(--eds-c-on-#{$color}) !important;
|
|
18
21
|
}
|
|
19
22
|
}
|
|
23
|
+
} @else if string.index($color, 'foreground') {
|
|
24
|
+
.eds-u-c-#{$color} {
|
|
25
|
+
color: var(--eds-c-#{$color}) !important;
|
|
26
|
+
}
|
|
27
|
+
} @else if string.index($color, 'alpha-backdrop') {
|
|
28
|
+
.eds-u-c-#{$color} {
|
|
29
|
+
background-color: var(--eds-c-#{$color}) !important;
|
|
30
|
+
}
|
|
31
|
+
} @else if string.index($color, 'focus') {
|
|
32
|
+
.eds-u-c-#{$color} {
|
|
33
|
+
outline-color: var(--eds-c-#{$color}) !important;
|
|
34
|
+
}
|
|
35
|
+
} @else if string.index($color, 'link') {
|
|
36
|
+
.eds-u-c-#{$color} {
|
|
37
|
+
color: var(--eds-c-#{$color}) !important;
|
|
38
|
+
}
|
|
20
39
|
} @else {
|
|
21
40
|
.eds-u-c-#{$color} {
|
|
22
41
|
color: var(--eds-c-#{$color}) !important;
|
|
@@ -20,4 +20,149 @@
|
|
|
20
20
|
letter-spacing: var(--eds-f-ls-#{map.get($sizeDef, 'size')}) !important;
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
.eds-u-text-monospace {
|
|
27
|
+
font-family: var(--eds-f-family-monospace) !important;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
// Alignments
|
|
31
|
+
.eds-u-text-left {
|
|
32
|
+
text-align: left !important;
|
|
33
|
+
}
|
|
34
|
+
.eds-u-text-right {
|
|
35
|
+
text-align: right !important;
|
|
36
|
+
}
|
|
37
|
+
.eds-u-text-center {
|
|
38
|
+
text-align: center !important;
|
|
39
|
+
}
|
|
40
|
+
.eds-u-text-justify {
|
|
41
|
+
text-align: justify !important;
|
|
42
|
+
}
|
|
43
|
+
.eds-u-text-wrap {
|
|
44
|
+
white-space: normal !important;
|
|
45
|
+
}
|
|
46
|
+
.eds-u-text-no-wrap {
|
|
47
|
+
white-space: nowrap !important;
|
|
48
|
+
}
|
|
49
|
+
.eds-u-text-truncate {
|
|
50
|
+
overflow: hidden !important;
|
|
51
|
+
text-overflow: ellipsis !important;
|
|
52
|
+
white-space: nowrap !important;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
// Decorations
|
|
56
|
+
.eds-u-text-overline {
|
|
57
|
+
text-decoration: overline !important;
|
|
58
|
+
}
|
|
59
|
+
.eds-u-text-underline {
|
|
60
|
+
text-decoration: underline !important;
|
|
61
|
+
}
|
|
62
|
+
.eds-u-text-line-through {
|
|
63
|
+
text-decoration: line-through !important;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// Anchors / links
|
|
67
|
+
.eds-u-text-link,
|
|
68
|
+
.eds-u-text-link-standalone {
|
|
69
|
+
color: var(--eds-c-foreground-primary) !important;
|
|
70
|
+
cursor: pointer !important;
|
|
71
|
+
text-decoration: none !important;
|
|
72
|
+
|
|
73
|
+
&:hover {
|
|
74
|
+
text-decoration: underline !important;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
.eds-u-text-link-underline {
|
|
78
|
+
color: var(--eds-c-foreground-primary) !important;
|
|
79
|
+
cursor: pointer !important;
|
|
80
|
+
text-decoration: underline !important;
|
|
81
|
+
}
|
|
82
|
+
.eds-u-text-link-neutral-underline {
|
|
83
|
+
color: var(--eds-c-foreground-default) !important;
|
|
84
|
+
cursor: pointer !important;
|
|
85
|
+
text-decoration: underline !important;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
// Transformations
|
|
89
|
+
.eds-u-text-lowercase {
|
|
90
|
+
text-transform: lowercase !important;
|
|
91
|
+
}
|
|
92
|
+
.eds-u-text-uppercase {
|
|
93
|
+
text-transform: uppercase !important;
|
|
94
|
+
}
|
|
95
|
+
.eds-u-text-capitalize {
|
|
96
|
+
text-transform: capitalize !important;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
// Layout formatting
|
|
100
|
+
.eds-u-text-code,
|
|
101
|
+
.eds-u-text-kbd,
|
|
102
|
+
.eds-u-text-pre,
|
|
103
|
+
.eds-u-text-samp {
|
|
104
|
+
font-family: var(--eds-f-family-monospace) !important;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.eds-u-text-code {
|
|
108
|
+
color: var(--eds-c-foreground-critical);
|
|
109
|
+
word-wrap: break-word !important;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.eds-u-text-kbd {
|
|
113
|
+
background-color: var(--eds-c-surface-neutral-subtle) !important;
|
|
114
|
+
border-radius: var(--eds-br-s) !important;
|
|
115
|
+
color: var(--eds-c-on-surface-neutral-subtle) !important;
|
|
116
|
+
font-size: var(--eds-f-s-s) !important;
|
|
117
|
+
padding: 1px var(--eds-sp-3xs) !important;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.eds-u-text-pre {
|
|
121
|
+
color: var(--eds-c-foreground-critical) !important;
|
|
122
|
+
display: block !important;
|
|
123
|
+
font-size: 90% !important;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.eds-u-text-blockquote {
|
|
127
|
+
border-left: var(--eds-sp-3xs) solid var(--eds-c-border-neutral) !important;
|
|
128
|
+
padding: var(--eds-sp-xs) var(--eds-sp-m) !important;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.eds-u-text-mark {
|
|
132
|
+
background-color: var(--eds-c-surface-brand-subtler) !important;
|
|
133
|
+
padding: var(--eds-sp-3xs) !important;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.eds-u-text-highlight {
|
|
137
|
+
padding: var(--eds-sp-3xs) !important;
|
|
138
|
+
background-color: var(--eds-c-surface-brand-subtler) !important;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.eds-u-text-search {
|
|
142
|
+
background-color: var(--eds-c-surface-info-subtler) !important;
|
|
143
|
+
border: var(--eds-bw-xs) solid var(--eds-c-border-info) !important;
|
|
144
|
+
color: var(--eds-c-on-surface-info-subtler) !important;
|
|
145
|
+
font-style: normal !important;
|
|
146
|
+
font-weight: 600 !important;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.eds-u-text-paragraph {
|
|
150
|
+
font: var(--eds-f-paragraph-m) !important;
|
|
151
|
+
|
|
152
|
+
margin-block-start: var(--eds-sp-xs) !important;
|
|
153
|
+
margin-block-end: var(--eds-sp-xs) !important;
|
|
154
|
+
|
|
155
|
+
&:first-child {
|
|
156
|
+
margin-block-start: 0px !important;
|
|
157
|
+
}
|
|
158
|
+
&:last-child {
|
|
159
|
+
margin-block-end: 0px !important;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
.eds-u-text-list {
|
|
163
|
+
padding-inline-start: var(--eds-sp-3xl) !important;
|
|
164
|
+
}
|
|
165
|
+
.eds-u-text-list-item {
|
|
166
|
+
margin-block-start: var(--eds-sp-3xs) !important;
|
|
167
|
+
margin-block-end: var(--eds-sp-3xs) !important;
|
|
23
168
|
}
|
package/dist/eds-grid.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}
|
|
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}
|
package/dist/eds-grid.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../base/05-vendors/_eds-grid.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../base/01-base/animations.scss","../base/05-vendors/_eds-grid.scss"],"names":[],"mappings":"AAAA;EACI;IACI;;EAEJ;IACI;;;AC0ER;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","file":"eds-grid.css","sourcesContent":["@keyframes eds-spin {\n from {\n transform: translateY(-50%) rotate(0deg);\n }\n to {\n transform: translateY(-50%) rotate(360deg);\n }\n}\n","@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"]}
|