@acorex/styles 7.1.1 → 7.1.3

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 (34) hide show
  1. package/index.scss +14 -14
  2. package/package.json +18 -18
  3. package/src/animations/index.scss +86 -86
  4. package/src/base/_normalize.scss +422 -422
  5. package/src/base/index.scss +16 -16
  6. package/src/icons/demo.html +892 -892
  7. package/src/icons/fonts/acorex-icons.svg +70 -70
  8. package/src/icons/style.css +210 -210
  9. package/src/icons/style.scss +335 -335
  10. package/src/icons/variables.scss +65 -65
  11. package/src/mixins/_media.scss +27 -27
  12. package/src/mixins/_util.scss +20 -20
  13. package/src/mixins/index.scss +1 -1
  14. package/src/shared/_actionsheet.scss +40 -40
  15. package/src/shared/_check-box.scss +42 -42
  16. package/src/shared/_decoration.scss +45 -45
  17. package/src/shared/_drop-down.scss +155 -155
  18. package/src/shared/_editor-container.scss +168 -168
  19. package/src/shared/_general-button.scss +42 -42
  20. package/src/shared/_inputs.scss +12 -12
  21. package/src/shared/_list.scss +144 -144
  22. package/src/shared/_radio.scss +38 -38
  23. package/src/shared/_skeleton.scss +26 -26
  24. package/src/shared/_table.scss +111 -111
  25. package/src/shared/_utils.scss +52 -52
  26. package/src/shared/index.scss +12 -12
  27. package/src/themes/default copy.scss +129 -129
  28. package/src/themes/default.scss +142 -142
  29. package/src/utility/_mixins.scss +71 -71
  30. package/src/utility/index.scss +55 -55
  31. package/src/variables/_colors.scss +2 -2
  32. package/src/variables/_degrees.scss +1 -1
  33. package/src/variables/index.scss +1 -1
  34. package/tailwind.config.js +183 -183
package/src/icons/style.scss CHANGED
@@ -1,335 +1,335 @@
1
- @import "variables";
2
-
3
- @font-face {
4
- font-family: '#{$icomoon-font-family}';
5
- src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?u7b34m');
6
- src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?u7b34m#iefix') format('embedded-opentype'),
7
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?u7b34m') format('truetype'),
8
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?u7b34m') format('woff'),
9
- url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?u7b34m##{$icomoon-font-family}') format('svg');
10
- font-weight: normal;
11
- font-style: normal;
12
- font-display: block;
13
- }
14
-
15
- .ax-icon {
16
- /* use !important to prevent issues with browser extensions that change fonts */
17
- font-family: '#{$icomoon-font-family}';
18
- speak: never;
19
- font-style: normal;
20
- font-weight: normal;
21
- font-variant: normal;
22
- text-transform: none;
23
- line-height: 1;
24
-
25
- /* Better Font Rendering =========== */
26
- -webkit-font-smoothing: antialiased;
27
- -moz-osx-font-smoothing: grayscale;
28
- }
29
-
30
- .ax-icon-star-fill {
31
- &:before {
32
- content: $ax-icon-star-fill;
33
- }
34
- }
35
- .ax-icon-star {
36
- &:before {
37
- content: $ax-icon-star;
38
- }
39
- }
40
- .ax-icon-light-mode {
41
- &:before {
42
- content: $ax-icon-light-mode;
43
- }
44
- }
45
- .ax-icon-dark-mode {
46
- &:before {
47
- content: $ax-icon-dark-mode;
48
- }
49
- }
50
- .ax-icon-color-picker {
51
- &:before {
52
- content: $ax-icon-color-picker;
53
- }
54
- }
55
- .ax-icon-color-palette {
56
- &:before {
57
- content: $ax-icon-color-palette;
58
- }
59
- }
60
- .ax-icon-arrow-left {
61
- &:before {
62
- content: $ax-icon-arrow-left;
63
- }
64
- }
65
- .ax-icon-arrow-down {
66
- &:before {
67
- content: $ax-icon-arrow-down;
68
- }
69
- }
70
- .ax-icon-arrow-up {
71
- &:before {
72
- content: $ax-icon-arrow-up;
73
- }
74
- }
75
- .ax-icon-arrow-right {
76
- &:before {
77
- content: $ax-icon-arrow-right;
78
- }
79
- }
80
- .ax-icon-chevron-left {
81
- &:before {
82
- content: $ax-icon-chevron-left;
83
- }
84
- }
85
- .ax-icon-chevron-down {
86
- &:before {
87
- content: $ax-icon-chevron-down;
88
- }
89
- }
90
- .ax-icon-chevron-up {
91
- &:before {
92
- content: $ax-icon-chevron-up;
93
- }
94
- }
95
- .ax-icon-chevron-right {
96
- &:before {
97
- content: $ax-icon-chevron-right;
98
- }
99
- }
100
- .ax-icon-first-page {
101
- &:before {
102
- content: $ax-icon-first-page;
103
- }
104
- }
105
- .ax-icon-last-page {
106
- &:before {
107
- content: $ax-icon-last-page;
108
- }
109
- }
110
- .ax-icon-full-screen {
111
- &:before {
112
- content: $ax-icon-full-screen;
113
- }
114
- }
115
- .ax-icon-full-screen-close {
116
- &:before {
117
- content: $ax-icon-full-screen-close;
118
- }
119
- }
120
- .ax-icon-done {
121
- &:before {
122
- content: $ax-icon-done;
123
- }
124
- }
125
- .ax-icon-calendar {
126
- &:before {
127
- content: $ax-icon-calendar;
128
- }
129
- }
130
- .ax-icon-more {
131
- &:before {
132
- content: $ax-icon-more;
133
- }
134
- }
135
- .ax-icon-menu {
136
- &:before {
137
- content: $ax-icon-menu;
138
- }
139
- }
140
- .ax-icon-report {
141
- &:before {
142
- content: $ax-icon-report;
143
- }
144
- }
145
- .ax-icon-report-fill {
146
- &:before {
147
- content: $ax-icon-report-fill;
148
- }
149
- }
150
- .ax-icon-error {
151
- &:before {
152
- content: $ax-icon-error;
153
- }
154
- }
155
- .ax-icon-error-fill {
156
- &:before {
157
- content: $ax-icon-error-fill;
158
- }
159
- }
160
- .ax-icon-warning {
161
- &:before {
162
- content: $ax-icon-warning;
163
- }
164
- }
165
- .ax-icon-warning-fill {
166
- &:before {
167
- content: $ax-icon-warning-fill;
168
- }
169
- }
170
- .ax-icon-check-circle {
171
- &:before {
172
- content: $ax-icon-check-circle;
173
- }
174
- }
175
- .ax-icon-check-circle-fill {
176
- &:before {
177
- content: $ax-icon-check-circle-fill;
178
- }
179
- }
180
- .ax-icon-close {
181
- &:before {
182
- content: $ax-icon-close;
183
- }
184
- }
185
- .ax-icon-time {
186
- &:before {
187
- content: $ax-icon-time;
188
- }
189
- }
190
- .ax-icon-visibility-off {
191
- &:before {
192
- content: $ax-icon-visibility-off;
193
- }
194
- }
195
- .ax-icon-visibility {
196
- &:before {
197
- content: $ax-icon-visibility;
198
- }
199
- }
200
- .ax-icon-unfold-more {
201
- &:before {
202
- content: $ax-icon-unfold-more;
203
- }
204
- }
205
- .ax-icon-unfold-less {
206
- &:before {
207
- content: $ax-icon-unfold-less;
208
- }
209
- }
210
- .ax-icon-arrow-long {
211
- &:before {
212
- content: $ax-icon-arrow-long;
213
- }
214
- }
215
- .ax-icon-arrow-short {
216
- &:before {
217
- content: $ax-icon-arrow-short;
218
- }
219
- }
220
- .ax-icon-download {
221
- &:before {
222
- content: $ax-icon-download;
223
- }
224
- }
225
- .ax-icon-upload {
226
- &:before {
227
- content: $ax-icon-upload;
228
- }
229
- }
230
- .ax-icon-publish {
231
- &:before {
232
- content: $ax-icon-publish;
233
- }
234
- }
235
- .ax-icon-cloud-download {
236
- &:before {
237
- content: $ax-icon-cloud-download;
238
- }
239
- }
240
- .ax-icon-cloud-upload {
241
- &:before {
242
- content: $ax-icon-cloud-upload;
243
- }
244
- }
245
- .ax-icon-undo {
246
- &:before {
247
- content: $ax-icon-undo;
248
- }
249
- }
250
- .ax-icon-redo {
251
- &:before {
252
- content: $ax-icon-redo;
253
- }
254
- }
255
- .ax-icon-search {
256
- &:before {
257
- content: $ax-icon-search;
258
- }
259
- }
260
- .ax-icon-add {
261
- &:before {
262
- content: $ax-icon-add;
263
- }
264
- }
265
- .ax-icon-remove {
266
- &:before {
267
- content: $ax-icon-remove;
268
- }
269
- }
270
- .ax-icon-paste {
271
- &:before {
272
- content: $ax-icon-paste;
273
- }
274
- }
275
- .ax-icon-cut {
276
- &:before {
277
- content: $ax-icon-cut;
278
- }
279
- }
280
- .ax-icon-copy {
281
- &:before {
282
- content: $ax-icon-copy;
283
- }
284
- }
285
- .ax-icon-refresh {
286
- &:before {
287
- content: $ax-icon-refresh;
288
- }
289
- }
290
- .ax-icon-inbox {
291
- &:before {
292
- content: $ax-icon-inbox;
293
- }
294
- }
295
- .ax-icon-skip-previous {
296
- &:before {
297
- content: $ax-icon-skip-previous;
298
- }
299
- }
300
- .ax-icon-skip-next {
301
- &:before {
302
- content: $ax-icon-skip-next;
303
- }
304
- }
305
- .ax-icon-delete {
306
- &:before {
307
- content: $ax-icon-delete;
308
- }
309
- }
310
- .ax-icon-happy {
311
- &:before {
312
- content: $ax-icon-happy;
313
- }
314
- }
315
- .ax-icon-normal {
316
- &:before {
317
- content: $ax-icon-normal;
318
- }
319
- }
320
- .ax-icon-sad {
321
- &:before {
322
- content: $ax-icon-sad;
323
- }
324
- }
325
- .ax-icon-person {
326
- &:before {
327
- content: $ax-icon-person;
328
- }
329
- }
330
- .ax-icon-dashboard {
331
- &:before {
332
- content: $ax-icon-dashboard;
333
- }
334
- }
335
-
1
+ @import "variables";
2
+
3
+ @font-face {
4
+ font-family: '#{$icomoon-font-family}';
5
+ src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?u7b34m');
6
+ src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?u7b34m#iefix') format('embedded-opentype'),
7
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?u7b34m') format('truetype'),
8
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?u7b34m') format('woff'),
9
+ url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?u7b34m##{$icomoon-font-family}') format('svg');
10
+ font-weight: normal;
11
+ font-style: normal;
12
+ font-display: block;
13
+ }
14
+
15
+ .ax-icon {
16
+ /* use !important to prevent issues with browser extensions that change fonts */
17
+ font-family: '#{$icomoon-font-family}';
18
+ speak: never;
19
+ font-style: normal;
20
+ font-weight: normal;
21
+ font-variant: normal;
22
+ text-transform: none;
23
+ line-height: 1;
24
+
25
+ /* Better Font Rendering =========== */
26
+ -webkit-font-smoothing: antialiased;
27
+ -moz-osx-font-smoothing: grayscale;
28
+ }
29
+
30
+ .ax-icon-star-fill {
31
+ &:before {
32
+ content: $ax-icon-star-fill;
33
+ }
34
+ }
35
+ .ax-icon-star {
36
+ &:before {
37
+ content: $ax-icon-star;
38
+ }
39
+ }
40
+ .ax-icon-light-mode {
41
+ &:before {
42
+ content: $ax-icon-light-mode;
43
+ }
44
+ }
45
+ .ax-icon-dark-mode {
46
+ &:before {
47
+ content: $ax-icon-dark-mode;
48
+ }
49
+ }
50
+ .ax-icon-color-picker {
51
+ &:before {
52
+ content: $ax-icon-color-picker;
53
+ }
54
+ }
55
+ .ax-icon-color-palette {
56
+ &:before {
57
+ content: $ax-icon-color-palette;
58
+ }
59
+ }
60
+ .ax-icon-arrow-left {
61
+ &:before {
62
+ content: $ax-icon-arrow-left;
63
+ }
64
+ }
65
+ .ax-icon-arrow-down {
66
+ &:before {
67
+ content: $ax-icon-arrow-down;
68
+ }
69
+ }
70
+ .ax-icon-arrow-up {
71
+ &:before {
72
+ content: $ax-icon-arrow-up;
73
+ }
74
+ }
75
+ .ax-icon-arrow-right {
76
+ &:before {
77
+ content: $ax-icon-arrow-right;
78
+ }
79
+ }
80
+ .ax-icon-chevron-left {
81
+ &:before {
82
+ content: $ax-icon-chevron-left;
83
+ }
84
+ }
85
+ .ax-icon-chevron-down {
86
+ &:before {
87
+ content: $ax-icon-chevron-down;
88
+ }
89
+ }
90
+ .ax-icon-chevron-up {
91
+ &:before {
92
+ content: $ax-icon-chevron-up;
93
+ }
94
+ }
95
+ .ax-icon-chevron-right {
96
+ &:before {
97
+ content: $ax-icon-chevron-right;
98
+ }
99
+ }
100
+ .ax-icon-first-page {
101
+ &:before {
102
+ content: $ax-icon-first-page;
103
+ }
104
+ }
105
+ .ax-icon-last-page {
106
+ &:before {
107
+ content: $ax-icon-last-page;
108
+ }
109
+ }
110
+ .ax-icon-full-screen {
111
+ &:before {
112
+ content: $ax-icon-full-screen;
113
+ }
114
+ }
115
+ .ax-icon-full-screen-close {
116
+ &:before {
117
+ content: $ax-icon-full-screen-close;
118
+ }
119
+ }
120
+ .ax-icon-done {
121
+ &:before {
122
+ content: $ax-icon-done;
123
+ }
124
+ }
125
+ .ax-icon-calendar {
126
+ &:before {
127
+ content: $ax-icon-calendar;
128
+ }
129
+ }
130
+ .ax-icon-more {
131
+ &:before {
132
+ content: $ax-icon-more;
133
+ }
134
+ }
135
+ .ax-icon-menu {
136
+ &:before {
137
+ content: $ax-icon-menu;
138
+ }
139
+ }
140
+ .ax-icon-report {
141
+ &:before {
142
+ content: $ax-icon-report;
143
+ }
144
+ }
145
+ .ax-icon-report-fill {
146
+ &:before {
147
+ content: $ax-icon-report-fill;
148
+ }
149
+ }
150
+ .ax-icon-error {
151
+ &:before {
152
+ content: $ax-icon-error;
153
+ }
154
+ }
155
+ .ax-icon-error-fill {
156
+ &:before {
157
+ content: $ax-icon-error-fill;
158
+ }
159
+ }
160
+ .ax-icon-warning {
161
+ &:before {
162
+ content: $ax-icon-warning;
163
+ }
164
+ }
165
+ .ax-icon-warning-fill {
166
+ &:before {
167
+ content: $ax-icon-warning-fill;
168
+ }
169
+ }
170
+ .ax-icon-check-circle {
171
+ &:before {
172
+ content: $ax-icon-check-circle;
173
+ }
174
+ }
175
+ .ax-icon-check-circle-fill {
176
+ &:before {
177
+ content: $ax-icon-check-circle-fill;
178
+ }
179
+ }
180
+ .ax-icon-close {
181
+ &:before {
182
+ content: $ax-icon-close;
183
+ }
184
+ }
185
+ .ax-icon-time {
186
+ &:before {
187
+ content: $ax-icon-time;
188
+ }
189
+ }
190
+ .ax-icon-visibility-off {
191
+ &:before {
192
+ content: $ax-icon-visibility-off;
193
+ }
194
+ }
195
+ .ax-icon-visibility {
196
+ &:before {
197
+ content: $ax-icon-visibility;
198
+ }
199
+ }
200
+ .ax-icon-unfold-more {
201
+ &:before {
202
+ content: $ax-icon-unfold-more;
203
+ }
204
+ }
205
+ .ax-icon-unfold-less {
206
+ &:before {
207
+ content: $ax-icon-unfold-less;
208
+ }
209
+ }
210
+ .ax-icon-arrow-long {
211
+ &:before {
212
+ content: $ax-icon-arrow-long;
213
+ }
214
+ }
215
+ .ax-icon-arrow-short {
216
+ &:before {
217
+ content: $ax-icon-arrow-short;
218
+ }
219
+ }
220
+ .ax-icon-download {
221
+ &:before {
222
+ content: $ax-icon-download;
223
+ }
224
+ }
225
+ .ax-icon-upload {
226
+ &:before {
227
+ content: $ax-icon-upload;
228
+ }
229
+ }
230
+ .ax-icon-publish {
231
+ &:before {
232
+ content: $ax-icon-publish;
233
+ }
234
+ }
235
+ .ax-icon-cloud-download {
236
+ &:before {
237
+ content: $ax-icon-cloud-download;
238
+ }
239
+ }
240
+ .ax-icon-cloud-upload {
241
+ &:before {
242
+ content: $ax-icon-cloud-upload;
243
+ }
244
+ }
245
+ .ax-icon-undo {
246
+ &:before {
247
+ content: $ax-icon-undo;
248
+ }
249
+ }
250
+ .ax-icon-redo {
251
+ &:before {
252
+ content: $ax-icon-redo;
253
+ }
254
+ }
255
+ .ax-icon-search {
256
+ &:before {
257
+ content: $ax-icon-search;
258
+ }
259
+ }
260
+ .ax-icon-add {
261
+ &:before {
262
+ content: $ax-icon-add;
263
+ }
264
+ }
265
+ .ax-icon-remove {
266
+ &:before {
267
+ content: $ax-icon-remove;
268
+ }
269
+ }
270
+ .ax-icon-paste {
271
+ &:before {
272
+ content: $ax-icon-paste;
273
+ }
274
+ }
275
+ .ax-icon-cut {
276
+ &:before {
277
+ content: $ax-icon-cut;
278
+ }
279
+ }
280
+ .ax-icon-copy {
281
+ &:before {
282
+ content: $ax-icon-copy;
283
+ }
284
+ }
285
+ .ax-icon-refresh {
286
+ &:before {
287
+ content: $ax-icon-refresh;
288
+ }
289
+ }
290
+ .ax-icon-inbox {
291
+ &:before {
292
+ content: $ax-icon-inbox;
293
+ }
294
+ }
295
+ .ax-icon-skip-previous {
296
+ &:before {
297
+ content: $ax-icon-skip-previous;
298
+ }
299
+ }
300
+ .ax-icon-skip-next {
301
+ &:before {
302
+ content: $ax-icon-skip-next;
303
+ }
304
+ }
305
+ .ax-icon-delete {
306
+ &:before {
307
+ content: $ax-icon-delete;
308
+ }
309
+ }
310
+ .ax-icon-happy {
311
+ &:before {
312
+ content: $ax-icon-happy;
313
+ }
314
+ }
315
+ .ax-icon-normal {
316
+ &:before {
317
+ content: $ax-icon-normal;
318
+ }
319
+ }
320
+ .ax-icon-sad {
321
+ &:before {
322
+ content: $ax-icon-sad;
323
+ }
324
+ }
325
+ .ax-icon-person {
326
+ &:before {
327
+ content: $ax-icon-person;
328
+ }
329
+ }
330
+ .ax-icon-dashboard {
331
+ &:before {
332
+ content: $ax-icon-dashboard;
333
+ }
334
+ }
335
+