@navikt/ds-css 7.6.0 → 7.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/darkside/alert.darkside.css +2 -2
  3. package/darkside/button.darkside.css +12 -14
  4. package/darkside/chat.darkside.css +2 -2
  5. package/darkside/date.darkside.css +171 -232
  6. package/darkside/expansioncard.darkside.css +1 -0
  7. package/darkside/form/combobox.darkside.css +0 -21
  8. package/darkside/form/error-summary.darkside.css +2 -2
  9. package/darkside/form/file-upload.darkside.css +3 -4
  10. package/darkside/form/form-progress.darkside.css +1 -1
  11. package/darkside/form/form-summary.darkside.css +2 -2
  12. package/darkside/form/search.darkside.css +84 -158
  13. package/darkside/form/text-field.darkside.css +1 -1
  14. package/darkside/guide-panel.darkside.css +78 -60
  15. package/darkside/index.css +1 -4
  16. package/darkside/modal.darkside.css +6 -6
  17. package/darkside/popover.darkside.css +1 -1
  18. package/darkside/primitives/base.darkside.css +350 -350
  19. package/darkside/primitives/bleed.darkside.css +52 -52
  20. package/darkside/primitives/box.darkside.css +21 -21
  21. package/darkside/primitives/hgrid.darkside.css +28 -28
  22. package/darkside/primitives/index.css +0 -25
  23. package/darkside/primitives/page.darkside.css +6 -9
  24. package/darkside/primitives/stack.darkside.css +58 -58
  25. package/darkside/table.darkside.css +52 -97
  26. package/darkside/toggle-group.darkside.css +52 -120
  27. package/dist/component/form.css +2 -21
  28. package/dist/component/form.min.css +1 -1
  29. package/dist/component/index.css +3 -23
  30. package/dist/component/index.min.css +2 -2
  31. package/dist/components.css +3 -982
  32. package/dist/components.min.css +2 -4
  33. package/dist/global/tokens.css +1 -1
  34. package/dist/global/tokens.min.css +1 -1
  35. package/dist/index.css +3 -23
  36. package/dist/index.min.css +2 -2
  37. package/form/combobox.css +2 -22
  38. package/package.json +2 -2
  39. package/tokens.json +0 -3
package/darkside/primitives/base.darkside.css CHANGED
@@ -1,809 +1,809 @@
1
1
  .navds-r-p {
2
- --__ac-r-p-xs: initial;
3
- --__ac-r-p-sm: var(--__ac-r-p-xs);
4
- --__ac-r-p-md: var(--__ac-r-p-sm);
5
- --__ac-r-p-lg: var(--__ac-r-p-md);
6
- --__ac-r-p-xl: var(--__ac-r-p-lg);
7
- --__ac-r-p-2xl: var(--__ac-r-p-xl);
8
- --__ac-r-padding: var(--__ac-r-p-xs);
9
-
10
- padding: var(--__ac-r-padding);
2
+ --__axc-r-p-xs: initial;
3
+ --__axc-r-p-sm: var(--__axc-r-p-xs);
4
+ --__axc-r-p-md: var(--__axc-r-p-sm);
5
+ --__axc-r-p-lg: var(--__axc-r-p-md);
6
+ --__axc-r-p-xl: var(--__axc-r-p-lg);
7
+ --__axc-r-p-2xl: var(--__axc-r-p-xl);
8
+ --__axc-r-padding: var(--__axc-r-p-xs);
9
+
10
+ padding: var(--__axc-r-padding);
11
11
  }
12
12
 
13
13
  .navds-r-pi {
14
- --__ac-r-pi-xs: initial;
15
- --__ac-r-pi-sm: var(--__ac-r-pi-xs);
16
- --__ac-r-pi-md: var(--__ac-r-pi-sm);
17
- --__ac-r-pi-lg: var(--__ac-r-pi-md);
18
- --__ac-r-pi-xl: var(--__ac-r-pi-lg);
19
- --__ac-r-pi-2xl: var(--__ac-r-pi-xl);
20
- --__ac-r-pi: var(--__ac-r-pi-xs);
21
-
22
- padding-inline: var(--__ac-r-pi, var(--__ac-r-padding));
14
+ --__axc-r-pi-xs: initial;
15
+ --__axc-r-pi-sm: var(--__axc-r-pi-xs);
16
+ --__axc-r-pi-md: var(--__axc-r-pi-sm);
17
+ --__axc-r-pi-lg: var(--__axc-r-pi-md);
18
+ --__axc-r-pi-xl: var(--__axc-r-pi-lg);
19
+ --__axc-r-pi-2xl: var(--__axc-r-pi-xl);
20
+ --__axc-r-pi: var(--__axc-r-pi-xs);
21
+
22
+ padding-inline: var(--__axc-r-pi, var(--__axc-r-padding));
23
23
  }
24
24
 
25
25
  .navds-r-pb {
26
- --__ac-r-pb-xs: initial;
27
- --__ac-r-pb-sm: var(--__ac-r-pb-xs);
28
- --__ac-r-pb-md: var(--__ac-r-pb-sm);
29
- --__ac-r-pb-lg: var(--__ac-r-pb-md);
30
- --__ac-r-pb-xl: var(--__ac-r-pb-lg);
31
- --__ac-r-pb-2xl: var(--__ac-r-pb-xl);
32
- --__ac-r-pb: var(--__ac-r-pb-xs);
33
-
34
- padding-block: var(--__ac-r-pb, var(--__ac-r-padding));
26
+ --__axc-r-pb-xs: initial;
27
+ --__axc-r-pb-sm: var(--__axc-r-pb-xs);
28
+ --__axc-r-pb-md: var(--__axc-r-pb-sm);
29
+ --__axc-r-pb-lg: var(--__axc-r-pb-md);
30
+ --__axc-r-pb-xl: var(--__axc-r-pb-lg);
31
+ --__axc-r-pb-2xl: var(--__axc-r-pb-xl);
32
+ --__axc-r-pb: var(--__axc-r-pb-xs);
33
+
34
+ padding-block: var(--__axc-r-pb, var(--__axc-r-padding));
35
35
  }
36
36
 
37
37
  .navds-r-m {
38
- --__ac-r-m-xs: initial;
39
- --__ac-r-m-sm: var(--__ac-r-m-xs);
40
- --__ac-r-m-md: var(--__ac-r-m-sm);
41
- --__ac-r-m-lg: var(--__ac-r-m-md);
42
- --__ac-r-m-xl: var(--__ac-r-m-lg);
43
- --__ac-r-m-2xl: var(--__ac-r-m-xl);
44
- --__ac-r-margin: var(--__ac-r-m-xs);
45
-
46
- margin: var(--__ac-r-margin);
38
+ --__axc-r-m-xs: initial;
39
+ --__axc-r-m-sm: var(--__axc-r-m-xs);
40
+ --__axc-r-m-md: var(--__axc-r-m-sm);
41
+ --__axc-r-m-lg: var(--__axc-r-m-md);
42
+ --__axc-r-m-xl: var(--__axc-r-m-lg);
43
+ --__axc-r-m-2xl: var(--__axc-r-m-xl);
44
+ --__axc-r-margin: var(--__axc-r-m-xs);
45
+
46
+ margin: var(--__axc-r-margin);
47
47
  }
48
48
 
49
49
  .navds-r-mi {
50
- --__ac-r-mi-xs: initial;
51
- --__ac-r-mi-sm: var(--__ac-r-mi-xs);
52
- --__ac-r-mi-md: var(--__ac-r-mi-sm);
53
- --__ac-r-mi-lg: var(--__ac-r-mi-md);
54
- --__ac-r-mi-xl: var(--__ac-r-mi-lg);
55
- --__ac-r-mi-2xl: var(--__ac-r-mi-xl);
56
- --__ac-r-mi: var(--__ac-r-mi-xs);
57
-
58
- margin-inline: var(--__ac-r-mi, var(--__ac-r-margin));
50
+ --__axc-r-mi-xs: initial;
51
+ --__axc-r-mi-sm: var(--__axc-r-mi-xs);
52
+ --__axc-r-mi-md: var(--__axc-r-mi-sm);
53
+ --__axc-r-mi-lg: var(--__axc-r-mi-md);
54
+ --__axc-r-mi-xl: var(--__axc-r-mi-lg);
55
+ --__axc-r-mi-2xl: var(--__axc-r-mi-xl);
56
+ --__axc-r-mi: var(--__axc-r-mi-xs);
57
+
58
+ margin-inline: var(--__axc-r-mi, var(--__axc-r-margin));
59
59
  }
60
60
 
61
61
  .navds-r-mb {
62
- --__ac-r-mb-xs: initial;
63
- --__ac-r-mb-sm: var(--__ac-r-mb-xs);
64
- --__ac-r-mb-md: var(--__ac-r-mb-sm);
65
- --__ac-r-mb-lg: var(--__ac-r-mb-md);
66
- --__ac-r-mb-xl: var(--__ac-r-mb-lg);
67
- --__ac-r-mb-2xl: var(--__ac-r-mb-xl);
68
- --__ac-r-mb: var(--__ac-r-mb-xs);
69
-
70
- margin-block: var(--__ac-r-mb, var(--__ac-r-margin));
62
+ --__axc-r-mb-xs: initial;
63
+ --__axc-r-mb-sm: var(--__axc-r-mb-xs);
64
+ --__axc-r-mb-md: var(--__axc-r-mb-sm);
65
+ --__axc-r-mb-lg: var(--__axc-r-mb-md);
66
+ --__axc-r-mb-xl: var(--__axc-r-mb-lg);
67
+ --__axc-r-mb-2xl: var(--__axc-r-mb-xl);
68
+ --__axc-r-mb: var(--__axc-r-mb-xs);
69
+
70
+ margin-block: var(--__axc-r-mb, var(--__axc-r-margin));
71
71
  }
72
72
 
73
73
  .navds-r-w {
74
- --__ac-r-w-xs: initial;
75
- --__ac-r-w-sm: var(--__ac-r-w-xs);
76
- --__ac-r-w-md: var(--__ac-r-w-sm);
77
- --__ac-r-w-lg: var(--__ac-r-w-md);
78
- --__ac-r-w-xl: var(--__ac-r-w-lg);
79
- --__ac-r-w-2xl: var(--__ac-r-w-xl);
80
- --__ac-r-w: var(--__ac-r-w-xs);
81
-
82
- width: var(--__ac-r-w);
74
+ --__axc-r-w-xs: initial;
75
+ --__axc-r-w-sm: var(--__axc-r-w-xs);
76
+ --__axc-r-w-md: var(--__axc-r-w-sm);
77
+ --__axc-r-w-lg: var(--__axc-r-w-md);
78
+ --__axc-r-w-xl: var(--__axc-r-w-lg);
79
+ --__axc-r-w-2xl: var(--__axc-r-w-xl);
80
+ --__axc-r-w: var(--__axc-r-w-xs);
81
+
82
+ width: var(--__axc-r-w);
83
83
  }
84
84
 
85
85
  .navds-r-minw {
86
- --__ac-r-minw-xs: initial;
87
- --__ac-r-minw-sm: var(--__ac-r-minw-xs);
88
- --__ac-r-minw-md: var(--__ac-r-minw-sm);
89
- --__ac-r-minw-lg: var(--__ac-r-minw-md);
90
- --__ac-r-minw-xl: var(--__ac-r-minw-lg);
91
- --__ac-r-minw-2xl: var(--__ac-r-minw-xl);
92
- --__ac-r-minw: var(--__ac-r-minw-xs);
93
-
94
- min-width: var(--__ac-r-minw);
86
+ --__axc-r-minw-xs: initial;
87
+ --__axc-r-minw-sm: var(--__axc-r-minw-xs);
88
+ --__axc-r-minw-md: var(--__axc-r-minw-sm);
89
+ --__axc-r-minw-lg: var(--__axc-r-minw-md);
90
+ --__axc-r-minw-xl: var(--__axc-r-minw-lg);
91
+ --__axc-r-minw-2xl: var(--__axc-r-minw-xl);
92
+ --__axc-r-minw: var(--__axc-r-minw-xs);
93
+
94
+ min-width: var(--__axc-r-minw);
95
95
  }
96
96
 
97
97
  .navds-r-maxw {
98
- --__ac-r-maxw-xs: initial;
99
- --__ac-r-maxw-sm: var(--__ac-r-maxw-xs);
100
- --__ac-r-maxw-md: var(--__ac-r-maxw-sm);
101
- --__ac-r-maxw-lg: var(--__ac-r-maxw-md);
102
- --__ac-r-maxw-xl: var(--__ac-r-maxw-lg);
103
- --__ac-r-maxw-2xl: var(--__ac-r-maxw-xl);
104
- --__ac-r-maxw: var(--__ac-r-maxw-xs);
105
-
106
- max-width: var(--__ac-r-maxw);
98
+ --__axc-r-maxw-xs: initial;
99
+ --__axc-r-maxw-sm: var(--__axc-r-maxw-xs);
100
+ --__axc-r-maxw-md: var(--__axc-r-maxw-sm);
101
+ --__axc-r-maxw-lg: var(--__axc-r-maxw-md);
102
+ --__axc-r-maxw-xl: var(--__axc-r-maxw-lg);
103
+ --__axc-r-maxw-2xl: var(--__axc-r-maxw-xl);
104
+ --__axc-r-maxw: var(--__axc-r-maxw-xs);
105
+
106
+ max-width: var(--__axc-r-maxw);
107
107
  }
108
108
 
109
109
  .navds-r-h {
110
- --__ac-r-h-xs: initial;
111
- --__ac-r-h-sm: var(--__ac-r-h-xs);
112
- --__ac-r-h-md: var(--__ac-r-h-sm);
113
- --__ac-r-h-lg: var(--__ac-r-h-md);
114
- --__ac-r-h-xl: var(--__ac-r-h-lg);
115
- --__ac-r-h-2xl: var(--__ac-r-h-xl);
116
- --__ac-r-h: var(--__ac-r-h-xs);
117
-
118
- height: var(--__ac-r-h);
110
+ --__axc-r-h-xs: initial;
111
+ --__axc-r-h-sm: var(--__axc-r-h-xs);
112
+ --__axc-r-h-md: var(--__axc-r-h-sm);
113
+ --__axc-r-h-lg: var(--__axc-r-h-md);
114
+ --__axc-r-h-xl: var(--__axc-r-h-lg);
115
+ --__axc-r-h-2xl: var(--__axc-r-h-xl);
116
+ --__axc-r-h: var(--__axc-r-h-xs);
117
+
118
+ height: var(--__axc-r-h);
119
119
  }
120
120
 
121
121
  .navds-r-minh {
122
- --__ac-r-minh-xs: initial;
123
- --__ac-r-minh-sm: var(--__ac-r-minh-xs);
124
- --__ac-r-minh-md: var(--__ac-r-minh-sm);
125
- --__ac-r-minh-lg: var(--__ac-r-minh-md);
126
- --__ac-r-minh-xl: var(--__ac-r-minh-lg);
127
- --__ac-r-minh-2xl: var(--__ac-r-minh-xl);
128
- --__ac-r-minh: var(--__ac-r-minh-xs);
129
-
130
- min-height: var(--__ac-r-minh);
122
+ --__axc-r-minh-xs: initial;
123
+ --__axc-r-minh-sm: var(--__axc-r-minh-xs);
124
+ --__axc-r-minh-md: var(--__axc-r-minh-sm);
125
+ --__axc-r-minh-lg: var(--__axc-r-minh-md);
126
+ --__axc-r-minh-xl: var(--__axc-r-minh-lg);
127
+ --__axc-r-minh-2xl: var(--__axc-r-minh-xl);
128
+ --__axc-r-minh: var(--__axc-r-minh-xs);
129
+
130
+ min-height: var(--__axc-r-minh);
131
131
  }
132
132
 
133
133
  .navds-r-maxh {
134
- --__ac-r-maxh-xs: initial;
135
- --__ac-r-maxh-sm: var(--__ac-r-maxh-xs);
136
- --__ac-r-maxh-md: var(--__ac-r-maxh-sm);
137
- --__ac-r-maxh-lg: var(--__ac-r-maxh-md);
138
- --__ac-r-maxh-xl: var(--__ac-r-maxh-lg);
139
- --__ac-r-maxh-2xl: var(--__ac-r-maxh-xl);
140
- --__ac-r-maxh: var(--__ac-r-maxh-xs);
141
-
142
- max-height: var(--__ac-r-maxh);
134
+ --__axc-r-maxh-xs: initial;
135
+ --__axc-r-maxh-sm: var(--__axc-r-maxh-xs);
136
+ --__axc-r-maxh-md: var(--__axc-r-maxh-sm);
137
+ --__axc-r-maxh-lg: var(--__axc-r-maxh-md);
138
+ --__axc-r-maxh-xl: var(--__axc-r-maxh-lg);
139
+ --__axc-r-maxh-2xl: var(--__axc-r-maxh-xl);
140
+ --__axc-r-maxh: var(--__axc-r-maxh-xs);
141
+
142
+ max-height: var(--__axc-r-maxh);
143
143
  }
144
144
 
145
145
  .navds-r-position {
146
- --__ac-r-position-xs: initial;
147
- --__ac-r-position-sm: var(--__ac-r-position-xs);
148
- --__ac-r-position-md: var(--__ac-r-position-sm);
149
- --__ac-r-position-lg: var(--__ac-r-position-md);
150
- --__ac-r-position-xl: var(--__ac-r-position-lg);
151
- --__ac-r-position-2xl: var(--__ac-r-position-xl);
152
- --__ac-r-position: var(--__ac-r-position-xs);
153
-
154
- position: var(--__ac-r-position);
146
+ --__axc-r-position-xs: initial;
147
+ --__axc-r-position-sm: var(--__axc-r-position-xs);
148
+ --__axc-r-position-md: var(--__axc-r-position-sm);
149
+ --__axc-r-position-lg: var(--__axc-r-position-md);
150
+ --__axc-r-position-xl: var(--__axc-r-position-lg);
151
+ --__axc-r-position-2xl: var(--__axc-r-position-xl);
152
+ --__axc-r-position: var(--__axc-r-position-xs);
153
+
154
+ position: var(--__axc-r-position);
155
155
  }
156
156
 
157
157
  .navds-r-inset {
158
- --__ac-r-inset-xs: initial;
159
- --__ac-r-inset-sm: var(--__ac-r-inset-xs);
160
- --__ac-r-inset-md: var(--__ac-r-inset-sm);
161
- --__ac-r-inset-lg: var(--__ac-r-inset-md);
162
- --__ac-r-inset-xl: var(--__ac-r-inset-lg);
163
- --__ac-r-inset-2xl: var(--__ac-r-inset-xl);
164
- --__ac-r-inset: var(--__ac-r-inset-xs);
165
-
166
- inset: var(--__ac-r-inset);
158
+ --__axc-r-inset-xs: initial;
159
+ --__axc-r-inset-sm: var(--__axc-r-inset-xs);
160
+ --__axc-r-inset-md: var(--__axc-r-inset-sm);
161
+ --__axc-r-inset-lg: var(--__axc-r-inset-md);
162
+ --__axc-r-inset-xl: var(--__axc-r-inset-lg);
163
+ --__axc-r-inset-2xl: var(--__axc-r-inset-xl);
164
+ --__axc-r-inset: var(--__axc-r-inset-xs);
165
+
166
+ inset: var(--__axc-r-inset);
167
167
  }
168
168
 
169
169
  .navds-r-top {
170
- --__ac-r-top-xs: initial;
171
- --__ac-r-top-sm: var(--__ac-r-top-xs);
172
- --__ac-r-top-md: var(--__ac-r-top-sm);
173
- --__ac-r-top-lg: var(--__ac-r-top-md);
174
- --__ac-r-top-xl: var(--__ac-r-top-lg);
175
- --__ac-r-top-2xl: var(--__ac-r-top-xl);
176
- --__ac-r-top: var(--__ac-r-top-xs);
177
-
178
- top: var(--__ac-r-top);
170
+ --__axc-r-top-xs: initial;
171
+ --__axc-r-top-sm: var(--__axc-r-top-xs);
172
+ --__axc-r-top-md: var(--__axc-r-top-sm);
173
+ --__axc-r-top-lg: var(--__axc-r-top-md);
174
+ --__axc-r-top-xl: var(--__axc-r-top-lg);
175
+ --__axc-r-top-2xl: var(--__axc-r-top-xl);
176
+ --__axc-r-top: var(--__axc-r-top-xs);
177
+
178
+ top: var(--__axc-r-top);
179
179
  }
180
180
 
181
181
  .navds-r-right {
182
- --__ac-r-right-xs: initial;
183
- --__ac-r-right-sm: var(--__ac-r-right-xs);
184
- --__ac-r-right-md: var(--__ac-r-right-sm);
185
- --__ac-r-right-lg: var(--__ac-r-right-md);
186
- --__ac-r-right-xl: var(--__ac-r-right-lg);
187
- --__ac-r-right-2xl: var(--__ac-r-right-xl);
188
- --__ac-r-right: var(--__ac-r-right-xs);
189
-
190
- right: var(--__ac-r-right);
182
+ --__axc-r-right-xs: initial;
183
+ --__axc-r-right-sm: var(--__axc-r-right-xs);
184
+ --__axc-r-right-md: var(--__axc-r-right-sm);
185
+ --__axc-r-right-lg: var(--__axc-r-right-md);
186
+ --__axc-r-right-xl: var(--__axc-r-right-lg);
187
+ --__axc-r-right-2xl: var(--__axc-r-right-xl);
188
+ --__axc-r-right: var(--__axc-r-right-xs);
189
+
190
+ right: var(--__axc-r-right);
191
191
  }
192
192
 
193
193
  .navds-r-bottom {
194
- --__ac-r-bottom-xs: initial;
195
- --__ac-r-bottom-sm: var(--__ac-r-bottom-xs);
196
- --__ac-r-bottom-md: var(--__ac-r-bottom-sm);
197
- --__ac-r-bottom-lg: var(--__ac-r-bottom-md);
198
- --__ac-r-bottom-xl: var(--__ac-r-bottom-lg);
199
- --__ac-r-bottom-2xl: var(--__ac-r-bottom-xl);
200
- --__ac-r-bottom: var(--__ac-r-bottom-xs);
201
-
202
- bottom: var(--__ac-r-bottom);
194
+ --__axc-r-bottom-xs: initial;
195
+ --__axc-r-bottom-sm: var(--__axc-r-bottom-xs);
196
+ --__axc-r-bottom-md: var(--__axc-r-bottom-sm);
197
+ --__axc-r-bottom-lg: var(--__axc-r-bottom-md);
198
+ --__axc-r-bottom-xl: var(--__axc-r-bottom-lg);
199
+ --__axc-r-bottom-2xl: var(--__axc-r-bottom-xl);
200
+ --__axc-r-bottom: var(--__axc-r-bottom-xs);
201
+
202
+ bottom: var(--__axc-r-bottom);
203
203
  }
204
204
 
205
205
  .navds-r-left {
206
- --__ac-r-left-xs: initial;
207
- --__ac-r-left-sm: var(--__ac-r-left-xs);
208
- --__ac-r-left-md: var(--__ac-r-left-sm);
209
- --__ac-r-left-lg: var(--__ac-r-left-md);
210
- --__ac-r-left-xl: var(--__ac-r-left-lg);
211
- --__ac-r-left-2xl: var(--__ac-r-left-xl);
212
- --__ac-r-left: var(--__ac-r-left-xs);
213
-
214
- left: var(--__ac-r-left);
206
+ --__axc-r-left-xs: initial;
207
+ --__axc-r-left-sm: var(--__axc-r-left-xs);
208
+ --__axc-r-left-md: var(--__axc-r-left-sm);
209
+ --__axc-r-left-lg: var(--__axc-r-left-md);
210
+ --__axc-r-left-xl: var(--__axc-r-left-lg);
211
+ --__axc-r-left-2xl: var(--__axc-r-left-xl);
212
+ --__axc-r-left: var(--__axc-r-left-xs);
213
+
214
+ left: var(--__axc-r-left);
215
215
  }
216
216
 
217
217
  .navds-r-overflow {
218
- --__ac-r-overflow-xs: initial;
219
- --__ac-r-overflow-sm: var(--__ac-r-overflow-xs);
220
- --__ac-r-overflow-md: var(--__ac-r-overflow-sm);
221
- --__ac-r-overflow-lg: var(--__ac-r-overflow-md);
222
- --__ac-r-overflow-xl: var(--__ac-r-overflow-lg);
223
- --__ac-r-overflow-2xl: var(--__ac-r-overflow-xl);
224
- --__ac-r-overflow: var(--__ac-r-overflow-xs);
225
-
226
- overflow: var(--__ac-r-overflow);
218
+ --__axc-r-overflow-xs: initial;
219
+ --__axc-r-overflow-sm: var(--__axc-r-overflow-xs);
220
+ --__axc-r-overflow-md: var(--__axc-r-overflow-sm);
221
+ --__axc-r-overflow-lg: var(--__axc-r-overflow-md);
222
+ --__axc-r-overflow-xl: var(--__axc-r-overflow-lg);
223
+ --__axc-r-overflow-2xl: var(--__axc-r-overflow-xl);
224
+ --__axc-r-overflow: var(--__axc-r-overflow-xs);
225
+
226
+ overflow: var(--__axc-r-overflow);
227
227
  }
228
228
 
229
229
  .navds-r-overflowx {
230
- --__ac-r-overflowx-xs: initial;
231
- --__ac-r-overflowx-sm: var(--__ac-r-overflowx-xs);
232
- --__ac-r-overflowx-md: var(--__ac-r-overflowx-sm);
233
- --__ac-r-overflowx-lg: var(--__ac-r-overflowx-md);
234
- --__ac-r-overflowx-xl: var(--__ac-r-overflowx-lg);
235
- --__ac-r-overflowx-2xl: var(--__ac-r-overflowx-xl);
236
- --__ac-r-overflowx: var(--__ac-r-overflowx-xs);
237
-
238
- overflow-x: var(--__ac-r-overflowx);
230
+ --__axc-r-overflowx-xs: initial;
231
+ --__axc-r-overflowx-sm: var(--__axc-r-overflowx-xs);
232
+ --__axc-r-overflowx-md: var(--__axc-r-overflowx-sm);
233
+ --__axc-r-overflowx-lg: var(--__axc-r-overflowx-md);
234
+ --__axc-r-overflowx-xl: var(--__axc-r-overflowx-lg);
235
+ --__axc-r-overflowx-2xl: var(--__axc-r-overflowx-xl);
236
+ --__axc-r-overflowx: var(--__axc-r-overflowx-xs);
237
+
238
+ overflow-x: var(--__axc-r-overflowx);
239
239
  }
240
240
 
241
241
  .navds-r-overflowy {
242
- --__ac-r-overflowy-xs: initial;
243
- --__ac-r-overflowy-sm: var(--__ac-r-overflowy-xs);
244
- --__ac-r-overflowy-md: var(--__ac-r-overflowy-sm);
245
- --__ac-r-overflowy-lg: var(--__ac-r-overflowy-md);
246
- --__ac-r-overflowy-xl: var(--__ac-r-overflowy-lg);
247
- --__ac-r-overflowy-2xl: var(--__ac-r-overflowy-xl);
248
- --__ac-r-overflowy: var(--__ac-r-overflowy-xs);
249
-
250
- overflow-y: var(--__ac-r-overflowy);
242
+ --__axc-r-overflowy-xs: initial;
243
+ --__axc-r-overflowy-sm: var(--__axc-r-overflowy-xs);
244
+ --__axc-r-overflowy-md: var(--__axc-r-overflowy-sm);
245
+ --__axc-r-overflowy-lg: var(--__axc-r-overflowy-md);
246
+ --__axc-r-overflowy-xl: var(--__axc-r-overflowy-lg);
247
+ --__axc-r-overflowy-2xl: var(--__axc-r-overflowy-xl);
248
+ --__axc-r-overflowy: var(--__axc-r-overflowy-xs);
249
+
250
+ overflow-y: var(--__axc-r-overflowy);
251
251
  }
252
252
 
253
253
  .navds-r-flex-basis {
254
- --__ac-r-flex-basis-xs: initial;
255
- --__ac-r-flex-basis-sm: var(--__ac-r-flex-basis-xs);
256
- --__ac-r-flex-basis-md: var(--__ac-r-flex-basis-sm);
257
- --__ac-r-flex-basis-lg: var(--__ac-r-flex-basis-md);
258
- --__ac-r-flex-basis-xl: var(--__ac-r-flex-basis-lg);
259
- --__ac-r-flex-basis-2xl: var(--__ac-r-flex-basis-xl);
260
- --__ac-r-flex-basis: var(--__ac-r-flex-basis-xs);
261
-
262
- flex-basis: var(--__ac-r-flex-basis);
254
+ --__axc-r-flex-basis-xs: initial;
255
+ --__axc-r-flex-basis-sm: var(--__axc-r-flex-basis-xs);
256
+ --__axc-r-flex-basis-md: var(--__axc-r-flex-basis-sm);
257
+ --__axc-r-flex-basis-lg: var(--__axc-r-flex-basis-md);
258
+ --__axc-r-flex-basis-xl: var(--__axc-r-flex-basis-lg);
259
+ --__axc-r-flex-basis-2xl: var(--__axc-r-flex-basis-xl);
260
+ --__axc-r-flex-basis: var(--__axc-r-flex-basis-xs);
261
+
262
+ flex-basis: var(--__axc-r-flex-basis);
263
263
  }
264
264
 
265
265
  .navds-r-flex-grow {
266
- --__ac-r-flex-grow-xs: initial;
267
- --__ac-r-flex-grow-sm: var(--__ac-r-flex-grow-xs);
268
- --__ac-r-flex-grow-md: var(--__ac-r-flex-grow-sm);
269
- --__ac-r-flex-grow-lg: var(--__ac-r-flex-grow-md);
270
- --__ac-r-flex-grow-xl: var(--__ac-r-flex-grow-lg);
271
- --__ac-r-flex-grow-2xl: var(--__ac-r-flex-grow-xl);
272
- --__ac-r-flex-grow: var(--__ac-r-flex-grow-xs);
273
-
274
- flex-grow: var(--__ac-r-flex-grow);
266
+ --__axc-r-flex-grow-xs: initial;
267
+ --__axc-r-flex-grow-sm: var(--__axc-r-flex-grow-xs);
268
+ --__axc-r-flex-grow-md: var(--__axc-r-flex-grow-sm);
269
+ --__axc-r-flex-grow-lg: var(--__axc-r-flex-grow-md);
270
+ --__axc-r-flex-grow-xl: var(--__axc-r-flex-grow-lg);
271
+ --__axc-r-flex-grow-2xl: var(--__axc-r-flex-grow-xl);
272
+ --__axc-r-flex-grow: var(--__axc-r-flex-grow-xs);
273
+
274
+ flex-grow: var(--__axc-r-flex-grow);
275
275
  }
276
276
 
277
277
  .navds-r-flex-shrink {
278
- --__ac-r-flex-shrink-xs: initial;
279
- --__ac-r-flex-shrink-sm: var(--__ac-r-flex-shrink-xs);
280
- --__ac-r-flex-shrink-md: var(--__ac-r-flex-shrink-sm);
281
- --__ac-r-flex-shrink-lg: var(--__ac-r-flex-shrink-md);
282
- --__ac-r-flex-shrink-xl: var(--__ac-r-flex-shrink-lg);
283
- --__ac-r-flex-shrink-2xl: var(--__ac-r-flex-shrink-xl);
284
- --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-xs);
285
-
286
- flex-shrink: var(--__ac-r-flex-shrink);
278
+ --__axc-r-flex-shrink-xs: initial;
279
+ --__axc-r-flex-shrink-sm: var(--__axc-r-flex-shrink-xs);
280
+ --__axc-r-flex-shrink-md: var(--__axc-r-flex-shrink-sm);
281
+ --__axc-r-flex-shrink-lg: var(--__axc-r-flex-shrink-md);
282
+ --__axc-r-flex-shrink-xl: var(--__axc-r-flex-shrink-lg);
283
+ --__axc-r-flex-shrink-2xl: var(--__axc-r-flex-shrink-xl);
284
+ --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xs);
285
+
286
+ flex-shrink: var(--__axc-r-flex-shrink);
287
287
  }
288
288
 
289
289
  .navds-r-grid-column {
290
- --__ac-r-grid-column-xs: initial;
291
- --__ac-r-grid-column-sm: var(--__ac-r-grid-column-xs);
292
- --__ac-r-grid-column-md: var(--__ac-r-grid-column-sm);
293
- --__ac-r-grid-column-lg: var(--__ac-r-grid-column-md);
294
- --__ac-r-grid-column-xl: var(--__ac-r-grid-column-lg);
295
- --__ac-r-grid-column-2xl: var(--__ac-r-grid-column-xl);
296
- --__ac-r-grid-column: var(--__ac-r-grid-column-xs);
297
-
298
- grid-column: var(--__ac-r-grid-column);
290
+ --__axc-r-grid-column-xs: initial;
291
+ --__axc-r-grid-column-sm: var(--__axc-r-grid-column-xs);
292
+ --__axc-r-grid-column-md: var(--__axc-r-grid-column-sm);
293
+ --__axc-r-grid-column-lg: var(--__axc-r-grid-column-md);
294
+ --__axc-r-grid-column-xl: var(--__axc-r-grid-column-lg);
295
+ --__axc-r-grid-column-2xl: var(--__axc-r-grid-column-xl);
296
+ --__axc-r-grid-column: var(--__axc-r-grid-column-xs);
297
+
298
+ grid-column: var(--__axc-r-grid-column);
299
299
  }
300
300
 
301
301
  @media (min-width: 480px) {
302
302
  .navds-r-p {
303
- --__ac-r-padding: var(--__ac-r-p-sm);
303
+ --__axc-r-padding: var(--__axc-r-p-sm);
304
304
  }
305
305
 
306
306
  .navds-r-pi {
307
- --__ac-r-pi: var(--__ac-r-pi-sm);
307
+ --__axc-r-pi: var(--__axc-r-pi-sm);
308
308
  }
309
309
 
310
310
  .navds-r-pb {
311
- --__ac-r-pb: var(--__ac-r-pb-sm);
311
+ --__axc-r-pb: var(--__axc-r-pb-sm);
312
312
  }
313
313
 
314
314
  .navds-r-m {
315
- --__ac-r-margin: var(--__ac-r-m-sm);
315
+ --__axc-r-margin: var(--__axc-r-m-sm);
316
316
  }
317
317
 
318
318
  .navds-r-mi {
319
- --__ac-r-mi: var(--__ac-r-mi-sm);
319
+ --__axc-r-mi: var(--__axc-r-mi-sm);
320
320
  }
321
321
 
322
322
  .navds-r-mb {
323
- --__ac-r-mb: var(--__ac-r-mb-sm);
323
+ --__axc-r-mb: var(--__axc-r-mb-sm);
324
324
  }
325
325
 
326
326
  .navds-r-w {
327
- --__ac-r-w: var(--__ac-r-w-sm);
327
+ --__axc-r-w: var(--__axc-r-w-sm);
328
328
  }
329
329
 
330
330
  .navds-r-minw {
331
- --__ac-r-minw: var(--__ac-r-minw-sm);
331
+ --__axc-r-minw: var(--__axc-r-minw-sm);
332
332
  }
333
333
 
334
334
  .navds-r-maxw {
335
- --__ac-r-maxw: var(--__ac-r-maxw-sm);
335
+ --__axc-r-maxw: var(--__axc-r-maxw-sm);
336
336
  }
337
337
 
338
338
  .navds-r-h {
339
- --__ac-r-h: var(--__ac-r-h-sm);
339
+ --__axc-r-h: var(--__axc-r-h-sm);
340
340
  }
341
341
 
342
342
  .navds-r-minh {
343
- --__ac-r-minh: var(--__ac-r-minh-sm);
343
+ --__axc-r-minh: var(--__axc-r-minh-sm);
344
344
  }
345
345
 
346
346
  .navds-r-maxh {
347
- --__ac-r-maxh: var(--__ac-r-maxh-sm);
347
+ --__axc-r-maxh: var(--__axc-r-maxh-sm);
348
348
  }
349
349
 
350
350
  .navds-r-position {
351
- --__ac-r-position: var(--__ac-r-position-sm);
351
+ --__axc-r-position: var(--__axc-r-position-sm);
352
352
  }
353
353
 
354
354
  .navds-r-inset {
355
- --__ac-r-inset: var(--__ac-r-inset-sm);
355
+ --__axc-r-inset: var(--__axc-r-inset-sm);
356
356
  }
357
357
 
358
358
  .navds-r-top {
359
- --__ac-r-top: var(--__ac-r-top-sm);
359
+ --__axc-r-top: var(--__axc-r-top-sm);
360
360
  }
361
361
 
362
362
  .navds-r-right {
363
- --__ac-r-right: var(--__ac-r-right-sm);
363
+ --__axc-r-right: var(--__axc-r-right-sm);
364
364
  }
365
365
 
366
366
  .navds-r-bottom {
367
- --__ac-r-bottom: var(--__ac-r-bottom-sm);
367
+ --__axc-r-bottom: var(--__axc-r-bottom-sm);
368
368
  }
369
369
 
370
370
  .navds-r-left {
371
- --__ac-r-left: var(--__ac-r-left-sm);
371
+ --__axc-r-left: var(--__axc-r-left-sm);
372
372
  }
373
373
 
374
374
  .navds-r-overflow {
375
- --__ac-r-overflow: var(--__ac-r-overflow-sm);
375
+ --__axc-r-overflow: var(--__axc-r-overflow-sm);
376
376
  }
377
377
 
378
378
  .navds-r-overflowx {
379
- --__ac-r-overflowx: var(--__ac-r-overflowx-sm);
379
+ --__axc-r-overflowx: var(--__axc-r-overflowx-sm);
380
380
  }
381
381
 
382
382
  .navds-r-overflowy {
383
- --__ac-r-overflowy: var(--__ac-r-overflowy-sm);
383
+ --__axc-r-overflowy: var(--__axc-r-overflowy-sm);
384
384
  }
385
385
 
386
386
  .navds-r-flex-basis {
387
- --__ac-r-flex-basis: var(--__ac-r-flex-basis-sm);
387
+ --__axc-r-flex-basis: var(--__axc-r-flex-basis-sm);
388
388
  }
389
389
 
390
390
  .navds-r-flex-grow {
391
- --__ac-r-flex-grow: var(--__ac-r-flex-grow-sm);
391
+ --__axc-r-flex-grow: var(--__axc-r-flex-grow-sm);
392
392
  }
393
393
 
394
394
  .navds-r-flex-shrink {
395
- --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-sm);
395
+ --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-sm);
396
396
  }
397
397
 
398
398
  .navds-r-grid-column {
399
- --__ac-r-grid-column: var(--__ac-r-grid-column-sm);
399
+ --__axc-r-grid-column: var(--__axc-r-grid-column-sm);
400
400
  }
401
401
  }
402
402
 
403
403
  @media (min-width: 768px) {
404
404
  .navds-r-p {
405
- --__ac-r-padding: var(--__ac-r-p-md);
405
+ --__axc-r-padding: var(--__axc-r-p-md);
406
406
  }
407
407
 
408
408
  .navds-r-pi {
409
- --__ac-r-pi: var(--__ac-r-pi-md);
409
+ --__axc-r-pi: var(--__axc-r-pi-md);
410
410
  }
411
411
 
412
412
  .navds-r-pb {
413
- --__ac-r-pb: var(--__ac-r-pb-md);
413
+ --__axc-r-pb: var(--__axc-r-pb-md);
414
414
  }
415
415
 
416
416
  .navds-r-m {
417
- --__ac-r-margin: var(--__ac-r-m-md);
417
+ --__axc-r-margin: var(--__axc-r-m-md);
418
418
  }
419
419
 
420
420
  .navds-r-mi {
421
- --__ac-r-mi: var(--__ac-r-mi-md);
421
+ --__axc-r-mi: var(--__axc-r-mi-md);
422
422
  }
423
423
 
424
424
  .navds-r-mb {
425
- --__ac-r-mb: var(--__ac-r-mb-md);
425
+ --__axc-r-mb: var(--__axc-r-mb-md);
426
426
  }
427
427
 
428
428
  .navds-r-w {
429
- --__ac-r-w: var(--__ac-r-w-md);
429
+ --__axc-r-w: var(--__axc-r-w-md);
430
430
  }
431
431
 
432
432
  .navds-r-minw {
433
- --__ac-r-minw: var(--__ac-r-minw-md);
433
+ --__axc-r-minw: var(--__axc-r-minw-md);
434
434
  }
435
435
 
436
436
  .navds-r-maxw {
437
- --__ac-r-maxw: var(--__ac-r-maxw-md);
437
+ --__axc-r-maxw: var(--__axc-r-maxw-md);
438
438
  }
439
439
 
440
440
  .navds-r-h {
441
- --__ac-r-h: var(--__ac-r-h-md);
441
+ --__axc-r-h: var(--__axc-r-h-md);
442
442
  }
443
443
 
444
444
  .navds-r-minh {
445
- --__ac-r-minh: var(--__ac-r-minh-md);
445
+ --__axc-r-minh: var(--__axc-r-minh-md);
446
446
  }
447
447
 
448
448
  .navds-r-maxh {
449
- --__ac-r-maxh: var(--__ac-r-maxh-md);
449
+ --__axc-r-maxh: var(--__axc-r-maxh-md);
450
450
  }
451
451
 
452
452
  .navds-r-position {
453
- --__ac-r-position: var(--__ac-r-position-md);
453
+ --__axc-r-position: var(--__axc-r-position-md);
454
454
  }
455
455
 
456
456
  .navds-r-inset {
457
- --__ac-r-inset: var(--__ac-r-inset-md);
457
+ --__axc-r-inset: var(--__axc-r-inset-md);
458
458
  }
459
459
 
460
460
  .navds-r-top {
461
- --__ac-r-top: var(--__ac-r-top-md);
461
+ --__axc-r-top: var(--__axc-r-top-md);
462
462
  }
463
463
 
464
464
  .navds-r-right {
465
- --__ac-r-right: var(--__ac-r-right-md);
465
+ --__axc-r-right: var(--__axc-r-right-md);
466
466
  }
467
467
 
468
468
  .navds-r-bottom {
469
- --__ac-r-bottom: var(--__ac-r-bottom-md);
469
+ --__axc-r-bottom: var(--__axc-r-bottom-md);
470
470
  }
471
471
 
472
472
  .navds-r-left {
473
- --__ac-r-left: var(--__ac-r-left-md);
473
+ --__axc-r-left: var(--__axc-r-left-md);
474
474
  }
475
475
 
476
476
  .navds-r-overflow {
477
- --__ac-r-overflow: var(--__ac-r-overflow-md);
477
+ --__axc-r-overflow: var(--__axc-r-overflow-md);
478
478
  }
479
479
 
480
480
  .navds-r-overflowx {
481
- --__ac-r-overflowx: var(--__ac-r-overflowx-md);
481
+ --__axc-r-overflowx: var(--__axc-r-overflowx-md);
482
482
  }
483
483
 
484
484
  .navds-r-overflowy {
485
- --__ac-r-overflowy: var(--__ac-r-overflowy-md);
485
+ --__axc-r-overflowy: var(--__axc-r-overflowy-md);
486
486
  }
487
487
 
488
488
  .navds-r-flex-basis {
489
- --__ac-r-flex-basis: var(--__ac-r-flex-basis-md);
489
+ --__axc-r-flex-basis: var(--__axc-r-flex-basis-md);
490
490
  }
491
491
 
492
492
  .navds-r-flex-grow {
493
- --__ac-r-flex-grow: var(--__ac-r-flex-grow-md);
493
+ --__axc-r-flex-grow: var(--__axc-r-flex-grow-md);
494
494
  }
495
495
 
496
496
  .navds-r-flex-shrink {
497
- --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-md);
497
+ --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-md);
498
498
  }
499
499
 
500
500
  .navds-r-grid-column {
501
- --__ac-r-grid-column: var(--__ac-r-grid-column-md);
501
+ --__axc-r-grid-column: var(--__axc-r-grid-column-md);
502
502
  }
503
503
  }
504
504
 
505
505
  @media (min-width: 1024px) {
506
506
  .navds-r-p {
507
- --__ac-r-padding: var(--__ac-r-p-lg);
507
+ --__axc-r-padding: var(--__axc-r-p-lg);
508
508
  }
509
509
 
510
510
  .navds-r-pi {
511
- --__ac-r-pi: var(--__ac-r-pi-lg);
511
+ --__axc-r-pi: var(--__axc-r-pi-lg);
512
512
  }
513
513
 
514
514
  .navds-r-pb {
515
- --__ac-r-pb: var(--__ac-r-pb-lg);
515
+ --__axc-r-pb: var(--__axc-r-pb-lg);
516
516
  }
517
517
 
518
518
  .navds-r-m {
519
- --__ac-r-margin: var(--__ac-r-m-lg);
519
+ --__axc-r-margin: var(--__axc-r-m-lg);
520
520
  }
521
521
 
522
522
  .navds-r-mi {
523
- --__ac-r-mi: var(--__ac-r-mi-lg);
523
+ --__axc-r-mi: var(--__axc-r-mi-lg);
524
524
  }
525
525
 
526
526
  .navds-r-mb {
527
- --__ac-r-mb: var(--__ac-r-mb-lg);
527
+ --__axc-r-mb: var(--__axc-r-mb-lg);
528
528
  }
529
529
 
530
530
  .navds-r-w {
531
- --__ac-r-w: var(--__ac-r-w-lg);
531
+ --__axc-r-w: var(--__axc-r-w-lg);
532
532
  }
533
533
 
534
534
  .navds-r-minw {
535
- --__ac-r-minw: var(--__ac-r-minw-lg);
535
+ --__axc-r-minw: var(--__axc-r-minw-lg);
536
536
  }
537
537
 
538
538
  .navds-r-maxw {
539
- --__ac-r-maxw: var(--__ac-r-maxw-lg);
539
+ --__axc-r-maxw: var(--__axc-r-maxw-lg);
540
540
  }
541
541
 
542
542
  .navds-r-h {
543
- --__ac-r-h: var(--__ac-r-h-lg);
543
+ --__axc-r-h: var(--__axc-r-h-lg);
544
544
  }
545
545
 
546
546
  .navds-r-minh {
547
- --__ac-r-minh: var(--__ac-r-minh-lg);
547
+ --__axc-r-minh: var(--__axc-r-minh-lg);
548
548
  }
549
549
 
550
550
  .navds-r-maxh {
551
- --__ac-r-maxh: var(--__ac-r-maxh-lg);
551
+ --__axc-r-maxh: var(--__axc-r-maxh-lg);
552
552
  }
553
553
 
554
554
  .navds-r-position {
555
- --__ac-r-position: var(--__ac-r-position-lg);
555
+ --__axc-r-position: var(--__axc-r-position-lg);
556
556
  }
557
557
 
558
558
  .navds-r-inset {
559
- --__ac-r-inset: var(--__ac-r-inset-lg);
559
+ --__axc-r-inset: var(--__axc-r-inset-lg);
560
560
  }
561
561
 
562
562
  .navds-r-top {
563
- --__ac-r-top: var(--__ac-r-top-lg);
563
+ --__axc-r-top: var(--__axc-r-top-lg);
564
564
  }
565
565
 
566
566
  .navds-r-right {
567
- --__ac-r-right: var(--__ac-r-right-lg);
567
+ --__axc-r-right: var(--__axc-r-right-lg);
568
568
  }
569
569
 
570
570
  .navds-r-bottom {
571
- --__ac-r-bottom: var(--__ac-r-bottom-lg);
571
+ --__axc-r-bottom: var(--__axc-r-bottom-lg);
572
572
  }
573
573
 
574
574
  .navds-r-left {
575
- --__ac-r-left: var(--__ac-r-left-lg);
575
+ --__axc-r-left: var(--__axc-r-left-lg);
576
576
  }
577
577
 
578
578
  .navds-r-overflow {
579
- --__ac-r-overflow: var(--__ac-r-overflow-lg);
579
+ --__axc-r-overflow: var(--__axc-r-overflow-lg);
580
580
  }
581
581
 
582
582
  .navds-r-overflowx {
583
- --__ac-r-overflowx: var(--__ac-r-overflowx-lg);
583
+ --__axc-r-overflowx: var(--__axc-r-overflowx-lg);
584
584
  }
585
585
 
586
586
  .navds-r-overflowy {
587
- --__ac-r-overflowy: var(--__ac-r-overflowy-lg);
587
+ --__axc-r-overflowy: var(--__axc-r-overflowy-lg);
588
588
  }
589
589
 
590
590
  .navds-r-flex-basis {
591
- --__ac-r-flex-basis: var(--__ac-r-flex-basis-lg);
591
+ --__axc-r-flex-basis: var(--__axc-r-flex-basis-lg);
592
592
  }
593
593
 
594
594
  .navds-r-flex-grow {
595
- --__ac-r-flex-grow: var(--__ac-r-flex-grow-lg);
595
+ --__axc-r-flex-grow: var(--__axc-r-flex-grow-lg);
596
596
  }
597
597
 
598
598
  .navds-r-flex-shrink {
599
- --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-lg);
599
+ --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-lg);
600
600
  }
601
601
 
602
602
  .navds-r-grid-column {
603
- --__ac-r-grid-column: var(--__ac-r-grid-column-lg);
603
+ --__axc-r-grid-column: var(--__axc-r-grid-column-lg);
604
604
  }
605
605
  }
606
606
 
607
607
  @media (min-width: 1280px) {
608
608
  .navds-r-p {
609
- --__ac-r-padding: var(--__ac-r-p-xl);
609
+ --__axc-r-padding: var(--__axc-r-p-xl);
610
610
  }
611
611
 
612
612
  .navds-r-pi {
613
- --__ac-r-pi: var(--__ac-r-pi-xl);
613
+ --__axc-r-pi: var(--__axc-r-pi-xl);
614
614
  }
615
615
 
616
616
  .navds-r-pb {
617
- --__ac-r-pb: var(--__ac-r-pb-xl);
617
+ --__axc-r-pb: var(--__axc-r-pb-xl);
618
618
  }
619
619
 
620
620
  .navds-r-m {
621
- --__ac-r-margin: var(--__ac-r-m-xl);
621
+ --__axc-r-margin: var(--__axc-r-m-xl);
622
622
  }
623
623
 
624
624
  .navds-r-mi {
625
- --__ac-r-mi: var(--__ac-r-mi-xl);
625
+ --__axc-r-mi: var(--__axc-r-mi-xl);
626
626
  }
627
627
 
628
628
  .navds-r-mb {
629
- --__ac-r-mb: var(--__ac-r-mb-xl);
629
+ --__axc-r-mb: var(--__axc-r-mb-xl);
630
630
  }
631
631
 
632
632
  .navds-r-w {
633
- --__ac-r-w: var(--__ac-r-w-xl);
633
+ --__axc-r-w: var(--__axc-r-w-xl);
634
634
  }
635
635
 
636
636
  .navds-r-minw {
637
- --__ac-r-minw: var(--__ac-r-minw-xl);
637
+ --__axc-r-minw: var(--__axc-r-minw-xl);
638
638
  }
639
639
 
640
640
  .navds-r-maxw {
641
- --__ac-r-maxw: var(--__ac-r-maxw-xl);
641
+ --__axc-r-maxw: var(--__axc-r-maxw-xl);
642
642
  }
643
643
 
644
644
  .navds-r-h {
645
- --__ac-r-h: var(--__ac-r-h-xl);
645
+ --__axc-r-h: var(--__axc-r-h-xl);
646
646
  }
647
647
 
648
648
  .navds-r-minh {
649
- --__ac-r-minh: var(--__ac-r-minh-xl);
649
+ --__axc-r-minh: var(--__axc-r-minh-xl);
650
650
  }
651
651
 
652
652
  .navds-r-maxh {
653
- --__ac-r-maxh: var(--__ac-r-maxh-xl);
653
+ --__axc-r-maxh: var(--__axc-r-maxh-xl);
654
654
  }
655
655
 
656
656
  .navds-r-position {
657
- --__ac-r-position: var(--__ac-r-position-xl);
657
+ --__axc-r-position: var(--__axc-r-position-xl);
658
658
  }
659
659
 
660
660
  .navds-r-inset {
661
- --__ac-r-inset: var(--__ac-r-inset-xl);
661
+ --__axc-r-inset: var(--__axc-r-inset-xl);
662
662
  }
663
663
 
664
664
  .navds-r-top {
665
- --__ac-r-top: var(--__ac-r-top-xl);
665
+ --__axc-r-top: var(--__axc-r-top-xl);
666
666
  }
667
667
 
668
668
  .navds-r-right {
669
- --__ac-r-right: var(--__ac-r-right-xl);
669
+ --__axc-r-right: var(--__axc-r-right-xl);
670
670
  }
671
671
 
672
672
  .navds-r-bottom {
673
- --__ac-r-bottom: var(--__ac-r-bottom-xl);
673
+ --__axc-r-bottom: var(--__axc-r-bottom-xl);
674
674
  }
675
675
 
676
676
  .navds-r-left {
677
- --__ac-r-left: var(--__ac-r-left-xl);
677
+ --__axc-r-left: var(--__axc-r-left-xl);
678
678
  }
679
679
 
680
680
  .navds-r-overflow {
681
- --__ac-r-overflow: var(--__ac-r-overflow-xl);
681
+ --__axc-r-overflow: var(--__axc-r-overflow-xl);
682
682
  }
683
683
 
684
684
  .navds-r-overflowx {
685
- --__ac-r-overflowx: var(--__ac-r-overflowx-xl);
685
+ --__axc-r-overflowx: var(--__axc-r-overflowx-xl);
686
686
  }
687
687
 
688
688
  .navds-r-overflowy {
689
- --__ac-r-overflowy: var(--__ac-r-overflowy-xl);
689
+ --__axc-r-overflowy: var(--__axc-r-overflowy-xl);
690
690
  }
691
691
 
692
692
  .navds-r-flex-basis {
693
- --__ac-r-flex-basis: var(--__ac-r-flex-basis-xl);
693
+ --__axc-r-flex-basis: var(--__axc-r-flex-basis-xl);
694
694
  }
695
695
 
696
696
  .navds-r-flex-grow {
697
- --__ac-r-flex-grow: var(--__ac-r-flex-grow-xl);
697
+ --__axc-r-flex-grow: var(--__axc-r-flex-grow-xl);
698
698
  }
699
699
 
700
700
  .navds-r-flex-shrink {
701
- --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-xl);
701
+ --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xl);
702
702
  }
703
703
 
704
704
  .navds-r-grid-column {
705
- --__ac-r-grid-column: var(--__ac-r-grid-column-xl);
705
+ --__axc-r-grid-column: var(--__axc-r-grid-column-xl);
706
706
  }
707
707
  }
708
708
 
709
709
  @media (min-width: 1440px) {
710
710
  .navds-r-p {
711
- --__ac-r-padding: var(--__ac-r-p-2xl);
711
+ --__axc-r-padding: var(--__axc-r-p-2xl);
712
712
  }
713
713
 
714
714
  .navds-r-pi {
715
- --__ac-r-pi: var(--__ac-r-pi-2xl);
715
+ --__axc-r-pi: var(--__axc-r-pi-2xl);
716
716
  }
717
717
 
718
718
  .navds-r-pb {
719
- --__ac-r-pb: var(--__ac-r-pb-2xl);
719
+ --__axc-r-pb: var(--__axc-r-pb-2xl);
720
720
  }
721
721
 
722
722
  .navds-r-m {
723
- --__ac-r-margin: var(--__ac-r-m-2xl);
723
+ --__axc-r-margin: var(--__axc-r-m-2xl);
724
724
  }
725
725
 
726
726
  .navds-r-mi {
727
- --__ac-r-mi: var(--__ac-r-mi-2xl);
727
+ --__axc-r-mi: var(--__axc-r-mi-2xl);
728
728
  }
729
729
 
730
730
  .navds-r-mb {
731
- --__ac-r-mb: var(--__ac-r-mb-2xl);
731
+ --__axc-r-mb: var(--__axc-r-mb-2xl);
732
732
  }
733
733
 
734
734
  .navds-r-w {
735
- --__ac-r-w: var(--__ac-r-w-2xl);
735
+ --__axc-r-w: var(--__axc-r-w-2xl);
736
736
  }
737
737
 
738
738
  .navds-r-minw {
739
- --__ac-r-minw: var(--__ac-r-minw-2xl);
739
+ --__axc-r-minw: var(--__axc-r-minw-2xl);
740
740
  }
741
741
 
742
742
  .navds-r-maxw {
743
- --__ac-r-maxw: var(--__ac-r-maxw-2xl);
743
+ --__axc-r-maxw: var(--__axc-r-maxw-2xl);
744
744
  }
745
745
 
746
746
  .navds-r-h {
747
- --__ac-r-h: var(--__ac-r-h-2xl);
747
+ --__axc-r-h: var(--__axc-r-h-2xl);
748
748
  }
749
749
 
750
750
  .navds-r-minh {
751
- --__ac-r-minh: var(--__ac-r-minh-2xl);
751
+ --__axc-r-minh: var(--__axc-r-minh-2xl);
752
752
  }
753
753
 
754
754
  .navds-r-maxh {
755
- --__ac-r-maxh: var(--__ac-r-maxh-2xl);
755
+ --__axc-r-maxh: var(--__axc-r-maxh-2xl);
756
756
  }
757
757
 
758
758
  .navds-r-position {
759
- --__ac-r-position: var(--__ac-r-position-2xl);
759
+ --__axc-r-position: var(--__axc-r-position-2xl);
760
760
  }
761
761
 
762
762
  .navds-r-inset {
763
- --__ac-r-inset: var(--__ac-r-inset-2xl);
763
+ --__axc-r-inset: var(--__axc-r-inset-2xl);
764
764
  }
765
765
 
766
766
  .navds-r-top {
767
- --__ac-r-top: var(--__ac-r-top-2xl);
767
+ --__axc-r-top: var(--__axc-r-top-2xl);
768
768
  }
769
769
 
770
770
  .navds-r-right {
771
- --__ac-r-right: var(--__ac-r-right-2xl);
771
+ --__axc-r-right: var(--__axc-r-right-2xl);
772
772
  }
773
773
 
774
774
  .navds-r-bottom {
775
- --__ac-r-bottom: var(--__ac-r-bottom-2xl);
775
+ --__axc-r-bottom: var(--__axc-r-bottom-2xl);
776
776
  }
777
777
 
778
778
  .navds-r-left {
779
- --__ac-r-left: var(--__ac-r-left-2xl);
779
+ --__axc-r-left: var(--__axc-r-left-2xl);
780
780
  }
781
781
 
782
782
  .navds-r-overflow {
783
- --__ac-r-overflow: var(--__ac-r-overflow-2xl);
783
+ --__axc-r-overflow: var(--__axc-r-overflow-2xl);
784
784
  }
785
785
 
786
786
  .navds-r-overflowx {
787
- --__ac-r-overflowx: var(--__ac-r-overflowx-2xl);
787
+ --__axc-r-overflowx: var(--__axc-r-overflowx-2xl);
788
788
  }
789
789
 
790
790
  .navds-r-overflowy {
791
- --__ac-r-overflowy: var(--__ac-r-overflowy-2xl);
791
+ --__axc-r-overflowy: var(--__axc-r-overflowy-2xl);
792
792
  }
793
793
 
794
794
  .navds-r-flex-basis {
795
- --__ac-r-flex-basis: var(--__ac-r-flex-basis-2xl);
795
+ --__axc-r-flex-basis: var(--__axc-r-flex-basis-2xl);
796
796
  }
797
797
 
798
798
  .navds-r-flex-grow {
799
- --__ac-r-flex-grow: var(--__ac-r-flex-grow-2xl);
799
+ --__axc-r-flex-grow: var(--__axc-r-flex-grow-2xl);
800
800
  }
801
801
 
802
802
  .navds-r-flex-shrink {
803
- --__ac-r-flex-shrink: var(--__ac-r-flex-shrink-2xl);
803
+ --__axc-r-flex-shrink: var(--__axc-r-flex-shrink-2xl);
804
804
  }
805
805
 
806
806
  .navds-r-grid-column {
807
- --__ac-r-grid-column: var(--__ac-r-grid-column-2xl);
807
+ --__axc-r-grid-column: var(--__axc-r-grid-column-2xl);
808
808
  }
809
809
  }