@acorex/styles 7.17.13 → 7.17.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/icons/demo-files/demo.css +19 -27
- package/icons/demo-files/demo.js +24 -23
- package/icons/demo.html +29 -1
- package/icons/fonts/acorex-icons.eot +0 -0
- package/icons/fonts/acorex-icons.svg +2 -0
- package/icons/fonts/acorex-icons.ttf +0 -0
- package/icons/fonts/acorex-icons.woff +0 -0
- package/icons/selection.json +1 -1289
- package/icons/style.css +86 -81
- package/icons/style.scss +92 -82
- package/icons/variables.scss +80 -77
- package/index.css +380 -24
- package/index.min.css +1 -1
- package/index.scss +1 -0
- package/package.json +1 -1
- package/src/base/_preflight.scss +405 -0
- package/src/shared/_color-look.scss +1 -1
- package/tailwind-base.js +3 -1
package/icons/style.css
CHANGED
@@ -1,11 +1,10 @@
|
|
1
1
|
@font-face {
|
2
2
|
font-family: 'acorex-icons';
|
3
|
-
src:
|
4
|
-
src:
|
5
|
-
url('fonts/acorex-icons.
|
6
|
-
url('fonts/acorex-icons.
|
7
|
-
url('fonts/acorex-icons.
|
8
|
-
url('fonts/acorex-icons.svg?w5vnun#acorex-icons') format('svg');
|
3
|
+
src: url('fonts/acorex-icons.eot?xkiuj4');
|
4
|
+
src: url('fonts/acorex-icons.eot?xkiuj4#iefix') format('embedded-opentype'),
|
5
|
+
url('fonts/acorex-icons.ttf?xkiuj4') format('truetype'),
|
6
|
+
url('fonts/acorex-icons.woff?xkiuj4') format('woff'),
|
7
|
+
url('fonts/acorex-icons.svg?xkiuj4#acorex-icons') format('svg');
|
9
8
|
font-weight: normal;
|
10
9
|
font-style: normal;
|
11
10
|
font-display: block;
|
@@ -26,228 +25,234 @@
|
|
26
25
|
-moz-osx-font-smoothing: grayscale;
|
27
26
|
}
|
28
27
|
|
28
|
+
.ax-icon-block:before {
|
29
|
+
content: "\e94b";
|
30
|
+
}
|
31
|
+
.ax-icon-archive:before {
|
32
|
+
content: "\e94c";
|
33
|
+
}
|
29
34
|
.ax-icon-more-vertical:before {
|
30
|
-
content:
|
35
|
+
content: "\e914";
|
31
36
|
}
|
32
37
|
.ax-icon-more-horizontal:before {
|
33
|
-
content:
|
38
|
+
content: "\e94a";
|
34
39
|
}
|
35
40
|
.ax-icon-arrow-short-right:before {
|
36
|
-
content:
|
41
|
+
content: "\e924";
|
37
42
|
}
|
38
43
|
.ax-icon-arrow-short-down:before {
|
39
|
-
content:
|
44
|
+
content: "\e925";
|
40
45
|
}
|
41
46
|
.ax-icon-arrow-short-up:before {
|
42
|
-
content:
|
47
|
+
content: "\e944";
|
43
48
|
}
|
44
49
|
.ax-icon-arrow-short-left:before {
|
45
|
-
content:
|
50
|
+
content: "\e945";
|
46
51
|
}
|
47
52
|
.ax-icon-arrow-long-right:before {
|
48
|
-
content:
|
53
|
+
content: "\e946";
|
49
54
|
}
|
50
55
|
.ax-icon-arrow-long-up:before {
|
51
|
-
content:
|
56
|
+
content: "\e947";
|
52
57
|
}
|
53
58
|
.ax-icon-arrow-long-left:before {
|
54
|
-
content:
|
59
|
+
content: "\e948";
|
55
60
|
}
|
56
61
|
.ax-icon-arrow-long-down:before {
|
57
|
-
content:
|
62
|
+
content: "\e949";
|
58
63
|
}
|
59
64
|
.ax-icon-filter:before {
|
60
|
-
content:
|
65
|
+
content: "\e943";
|
61
66
|
}
|
62
67
|
.ax-icon-progress-bold:before {
|
63
|
-
content:
|
68
|
+
content: "\e940";
|
64
69
|
}
|
65
70
|
.ax-icon-dash-bold:before {
|
66
|
-
content:
|
71
|
+
content: "\e941";
|
67
72
|
}
|
68
73
|
.ax-icon-done-bold:before {
|
69
|
-
content:
|
74
|
+
content: "\e942";
|
70
75
|
}
|
71
76
|
.ax-icon-cancel-fill:before {
|
72
|
-
content:
|
77
|
+
content: "\e93f";
|
73
78
|
}
|
74
79
|
.ax-icon-info-fill:before {
|
75
|
-
content:
|
80
|
+
content: "\e93d";
|
76
81
|
}
|
77
82
|
.ax-icon-info:before {
|
78
|
-
content:
|
83
|
+
content: "\e93e";
|
79
84
|
}
|
80
85
|
.ax-icon-star-fill:before {
|
81
|
-
content:
|
86
|
+
content: "\e900";
|
82
87
|
}
|
83
88
|
.ax-icon-star:before {
|
84
|
-
content:
|
89
|
+
content: "\e901";
|
85
90
|
}
|
86
91
|
.ax-icon-light-mode:before {
|
87
|
-
content:
|
92
|
+
content: "\e902";
|
88
93
|
}
|
89
94
|
.ax-icon-dark-mode:before {
|
90
|
-
content:
|
95
|
+
content: "\e903";
|
91
96
|
}
|
92
97
|
.ax-icon-color-picker:before {
|
93
|
-
content:
|
98
|
+
content: "\e904";
|
94
99
|
}
|
95
100
|
.ax-icon-color-palette:before {
|
96
|
-
content:
|
101
|
+
content: "\e905";
|
97
102
|
}
|
98
103
|
.ax-icon-arrow-left:before {
|
99
|
-
content:
|
104
|
+
content: "\e906";
|
100
105
|
}
|
101
106
|
.ax-icon-arrow-down:before {
|
102
|
-
content:
|
107
|
+
content: "\e907";
|
103
108
|
}
|
104
109
|
.ax-icon-arrow-up:before {
|
105
|
-
content:
|
110
|
+
content: "\e908";
|
106
111
|
}
|
107
112
|
.ax-icon-arrow-right:before {
|
108
|
-
content:
|
113
|
+
content: "\e909";
|
109
114
|
}
|
110
115
|
.ax-icon-chevron-left:before {
|
111
|
-
content:
|
116
|
+
content: "\e90a";
|
112
117
|
}
|
113
118
|
.ax-icon-chevron-down:before {
|
114
|
-
content:
|
119
|
+
content: "\e90b";
|
115
120
|
}
|
116
121
|
.ax-icon-chevron-up:before {
|
117
|
-
content:
|
122
|
+
content: "\e90c";
|
118
123
|
}
|
119
124
|
.ax-icon-chevron-right:before {
|
120
|
-
content:
|
125
|
+
content: "\e90d";
|
121
126
|
}
|
122
127
|
.ax-icon-first-page:before {
|
123
|
-
content:
|
128
|
+
content: "\e90e";
|
124
129
|
}
|
125
130
|
.ax-icon-last-page:before {
|
126
|
-
content:
|
131
|
+
content: "\e90f";
|
127
132
|
}
|
128
133
|
.ax-icon-full-screen:before {
|
129
|
-
content:
|
134
|
+
content: "\e910";
|
130
135
|
}
|
131
136
|
.ax-icon-full-screen-close:before {
|
132
|
-
content:
|
137
|
+
content: "\e911";
|
133
138
|
}
|
134
139
|
.ax-icon-done:before {
|
135
|
-
content:
|
140
|
+
content: "\e912";
|
136
141
|
}
|
137
142
|
.ax-icon-calendar:before {
|
138
|
-
content:
|
143
|
+
content: "\e913";
|
139
144
|
}
|
140
145
|
.ax-icon-menu:before {
|
141
|
-
content:
|
146
|
+
content: "\e915";
|
142
147
|
}
|
143
148
|
.ax-icon-report:before {
|
144
|
-
content:
|
149
|
+
content: "\e916";
|
145
150
|
}
|
146
151
|
.ax-icon-report-fill:before {
|
147
|
-
content:
|
152
|
+
content: "\e917";
|
148
153
|
}
|
149
154
|
.ax-icon-error:before {
|
150
|
-
content:
|
155
|
+
content: "\e918";
|
151
156
|
}
|
152
157
|
.ax-icon-error-fill:before {
|
153
|
-
content:
|
158
|
+
content: "\e919";
|
154
159
|
}
|
155
160
|
.ax-icon-warning:before {
|
156
|
-
content:
|
161
|
+
content: "\e91a";
|
157
162
|
}
|
158
163
|
.ax-icon-warning-fill:before {
|
159
|
-
content:
|
164
|
+
content: "\e91b";
|
160
165
|
}
|
161
166
|
.ax-icon-check-circle:before {
|
162
|
-
content:
|
167
|
+
content: "\e91c";
|
163
168
|
}
|
164
169
|
.ax-icon-check-circle-fill:before {
|
165
|
-
content:
|
170
|
+
content: "\e91d";
|
166
171
|
}
|
167
172
|
.ax-icon-close:before {
|
168
|
-
content:
|
173
|
+
content: "\e91e";
|
169
174
|
}
|
170
175
|
.ax-icon-time:before {
|
171
|
-
content:
|
176
|
+
content: "\e91f";
|
172
177
|
}
|
173
178
|
.ax-icon-visibility-off:before {
|
174
|
-
content:
|
179
|
+
content: "\e920";
|
175
180
|
}
|
176
181
|
.ax-icon-visibility:before {
|
177
|
-
content:
|
182
|
+
content: "\e921";
|
178
183
|
}
|
179
184
|
.ax-icon-unfold-more:before {
|
180
|
-
content:
|
185
|
+
content: "\e922";
|
181
186
|
}
|
182
187
|
.ax-icon-unfold-less:before {
|
183
|
-
content:
|
188
|
+
content: "\e923";
|
184
189
|
}
|
185
190
|
.ax-icon-download:before {
|
186
|
-
content:
|
191
|
+
content: "\e926";
|
187
192
|
}
|
188
193
|
.ax-icon-upload:before {
|
189
|
-
content:
|
194
|
+
content: "\e927";
|
190
195
|
}
|
191
196
|
.ax-icon-publish:before {
|
192
|
-
content:
|
197
|
+
content: "\e928";
|
193
198
|
}
|
194
199
|
.ax-icon-cloud-download:before {
|
195
|
-
content:
|
200
|
+
content: "\e929";
|
196
201
|
}
|
197
202
|
.ax-icon-cloud-upload:before {
|
198
|
-
content:
|
203
|
+
content: "\e92a";
|
199
204
|
}
|
200
205
|
.ax-icon-undo:before {
|
201
|
-
content:
|
206
|
+
content: "\e92b";
|
202
207
|
}
|
203
208
|
.ax-icon-redo:before {
|
204
|
-
content:
|
209
|
+
content: "\e92c";
|
205
210
|
}
|
206
211
|
.ax-icon-search:before {
|
207
|
-
content:
|
212
|
+
content: "\e92d";
|
208
213
|
}
|
209
214
|
.ax-icon-add:before {
|
210
|
-
content:
|
215
|
+
content: "\e92e";
|
211
216
|
}
|
212
217
|
.ax-icon-remove:before {
|
213
|
-
content:
|
218
|
+
content: "\e92f";
|
214
219
|
}
|
215
220
|
.ax-icon-paste:before {
|
216
|
-
content:
|
221
|
+
content: "\e930";
|
217
222
|
}
|
218
223
|
.ax-icon-cut:before {
|
219
|
-
content:
|
224
|
+
content: "\e931";
|
220
225
|
}
|
221
226
|
.ax-icon-copy:before {
|
222
|
-
content:
|
227
|
+
content: "\e932";
|
223
228
|
}
|
224
229
|
.ax-icon-refresh:before {
|
225
|
-
content:
|
230
|
+
content: "\e933";
|
226
231
|
}
|
227
232
|
.ax-icon-inbox:before {
|
228
|
-
content:
|
233
|
+
content: "\e934";
|
229
234
|
}
|
230
235
|
.ax-icon-skip-previous:before {
|
231
|
-
content:
|
236
|
+
content: "\e935";
|
232
237
|
}
|
233
238
|
.ax-icon-skip-next:before {
|
234
|
-
content:
|
239
|
+
content: "\e936";
|
235
240
|
}
|
236
241
|
.ax-icon-delete:before {
|
237
|
-
content:
|
242
|
+
content: "\e937";
|
238
243
|
}
|
239
244
|
.ax-icon-happy:before {
|
240
|
-
content:
|
245
|
+
content: "\e938";
|
241
246
|
}
|
242
247
|
.ax-icon-normal:before {
|
243
|
-
content:
|
248
|
+
content: "\e939";
|
244
249
|
}
|
245
250
|
.ax-icon-sad:before {
|
246
|
-
content:
|
251
|
+
content: "\e93a";
|
247
252
|
}
|
248
253
|
.ax-icon-person:before {
|
249
|
-
content:
|
254
|
+
content: "\e93b";
|
250
255
|
}
|
251
256
|
.ax-icon-dashboard:before {
|
252
|
-
content:
|
257
|
+
content: "\e93c";
|
253
258
|
}
|