@navikt/ds-css 7.5.3 → 7.7.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 (56) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/darkside/action-menu.darkside.css +1 -6
  3. package/darkside/alert.darkside.css +2 -2
  4. package/darkside/button.darkside.css +134 -149
  5. package/darkside/chat.darkside.css +2 -2
  6. package/darkside/date.darkside.css +171 -232
  7. package/darkside/expansioncard.darkside.css +3 -9
  8. package/darkside/form/combobox.darkside.css +12 -20
  9. package/darkside/form/error-summary.darkside.css +2 -2
  10. package/darkside/form/file-upload.darkside.css +12 -13
  11. package/darkside/form/form-progress.darkside.css +1 -1
  12. package/darkside/form/form-summary.darkside.css +3 -2
  13. package/darkside/form/index.css +14 -16
  14. package/darkside/form/search.darkside.css +82 -160
  15. package/darkside/form/select.darkside.css +74 -68
  16. package/darkside/form/switch.darkside.css +125 -132
  17. package/darkside/form/text-field.darkside.css +2 -2
  18. package/darkside/form/textarea.darkside.css +36 -78
  19. package/darkside/help-text.darkside.css +0 -6
  20. package/darkside/index.css +23 -14
  21. package/darkside/internalheader.darkside.css +45 -49
  22. package/darkside/modal.darkside.css +7 -10
  23. package/darkside/popover.darkside.css +2 -5
  24. package/darkside/primitives/base.darkside.css +350 -350
  25. package/darkside/primitives/bleed.darkside.css +52 -52
  26. package/darkside/primitives/box.darkside.css +21 -21
  27. package/darkside/primitives/hgrid.darkside.css +28 -28
  28. package/darkside/primitives/index.css +7 -36
  29. package/darkside/primitives/page.darkside.css +6 -9
  30. package/darkside/primitives/stack.darkside.css +58 -58
  31. package/darkside/read-more.darkside.css +68 -57
  32. package/darkside/skeleton.darkside.css +21 -24
  33. package/darkside/stepper.darkside.css +181 -221
  34. package/darkside/tabs.darkside.css +67 -74
  35. package/darkside/toggle-group.darkside.css +52 -120
  36. package/dist/component/form.css +22 -18
  37. package/dist/component/form.min.css +2 -2
  38. package/dist/component/index.css +40 -22
  39. package/dist/component/index.min.css +3 -3
  40. package/dist/component/modal.css +8 -0
  41. package/dist/component/modal.min.css +1 -1
  42. package/dist/component/readmore.css +4 -0
  43. package/dist/component/readmore.min.css +1 -1
  44. package/dist/components.css +40 -22
  45. package/dist/components.min.css +3 -3
  46. package/dist/global/tokens.css +1 -1
  47. package/dist/global/tokens.min.css +1 -1
  48. package/dist/index.css +40 -22
  49. package/dist/index.min.css +3 -3
  50. package/form/combobox.css +9 -2
  51. package/form/file-upload.css +7 -9
  52. package/form/select.css +2 -9
  53. package/form/switch.css +8 -0
  54. package/modal.css +8 -0
  55. package/package.json +2 -2
  56. package/read-more.css +4 -0
@@ -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
  }