@acorex/styles 5.0.27 → 5.0.34
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/package.json +1 -1
- package/src/base/index.scss +1 -0
- package/src/components/_button.scss +8 -7
- package/src/components/_switch.scss +253 -108
- package/src/icons/demo.html +43 -1
- package/src/icons/fonts/acorex-icon.svg +3 -0
- package/src/icons/fonts/acorex-icon.ttf +0 -0
- package/src/icons/fonts/acorex-icon.woff +0 -0
- package/src/icons/selection.json +1 -1
- package/src/icons/style.css +12 -3
- package/src/icons/style.scss +18 -3
- package/src/icons/variables.scss +3 -0
- package/src/utility/index.scss +1 -1
package/package.json
CHANGED
package/src/base/index.scss
CHANGED
@@ -22,6 +22,7 @@
|
|
22
22
|
@apply ax-rounded-full;
|
23
23
|
}
|
24
24
|
&.ax-button-icon {
|
25
|
+
width: calc(var(--ax-base-size) * var(--ax-base-ratio)) !important;
|
25
26
|
@apply ax-px-3;
|
26
27
|
|
27
28
|
ax-prefix,
|
@@ -188,7 +189,7 @@
|
|
188
189
|
@apply ax-ring-2 ax-ring-offset-2 ax-ring-dark-500 dark:ax-ring-dark-300 dark:ax-bg-dark-300;
|
189
190
|
}
|
190
191
|
&:active {
|
191
|
-
@apply ax-bg-dark-700 ax-ring-2 ax-ring-offset-2 ax-ring-dark-
|
192
|
+
@apply ax-bg-dark-700 ax-ring-2 ax-ring-offset-2 ax-ring-dark-500 dark:ax-ring-dark-300 dark:ax-bg-dark-300;
|
192
193
|
}
|
193
194
|
}
|
194
195
|
|
@@ -228,7 +229,7 @@
|
|
228
229
|
}
|
229
230
|
|
230
231
|
&.ax-state-selected {
|
231
|
-
@apply ax-bg-primary-
|
232
|
+
@apply ax-bg-primary-300 ax-text-primary-700;
|
232
233
|
}
|
233
234
|
}
|
234
235
|
&.ax-secondary-twotone {
|
@@ -244,7 +245,7 @@
|
|
244
245
|
}
|
245
246
|
|
246
247
|
&.ax-state-selected {
|
247
|
-
@apply ax-bg-secondary-
|
248
|
+
@apply ax-bg-secondary-300 ax-text-secondary-700;
|
248
249
|
}
|
249
250
|
}
|
250
251
|
&.ax-warning-twotone {
|
@@ -260,7 +261,7 @@
|
|
260
261
|
}
|
261
262
|
|
262
263
|
&.ax-state-selected {
|
263
|
-
@apply ax-bg-warning-
|
264
|
+
@apply ax-bg-warning-300 ax-text-warning-700;
|
264
265
|
}
|
265
266
|
}
|
266
267
|
&.ax-danger-twotone {
|
@@ -276,7 +277,7 @@
|
|
276
277
|
}
|
277
278
|
|
278
279
|
&.ax-state-selected {
|
279
|
-
@apply ax-bg-danger-
|
280
|
+
@apply ax-bg-danger-300 ax-text-danger-700;
|
280
281
|
}
|
281
282
|
}
|
282
283
|
&.ax-success-twotone {
|
@@ -292,7 +293,7 @@
|
|
292
293
|
}
|
293
294
|
|
294
295
|
&.ax-state-selected {
|
295
|
-
@apply ax-bg-success-
|
296
|
+
@apply ax-bg-success-300 ax-text-success-700;
|
296
297
|
}
|
297
298
|
}
|
298
299
|
&.ax-info-twotone {
|
@@ -308,7 +309,7 @@
|
|
308
309
|
}
|
309
310
|
|
310
311
|
&.ax-state-selected {
|
311
|
-
@apply ax-bg-info-
|
312
|
+
@apply ax-bg-info-300 ax-text-primary-700;
|
312
313
|
}
|
313
314
|
}
|
314
315
|
&.ax-dark-twotone {
|
@@ -1,100 +1,44 @@
|
|
1
1
|
@layer components {
|
2
2
|
.ax-switch {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
>input {
|
9
|
-
opacity: 0;
|
10
|
-
width: 0;
|
11
|
-
height: 0;
|
12
|
-
&:checked {
|
13
|
-
&+.ax-switch-slider {
|
14
|
-
background-color: rgb(var(--ax-color-primary));
|
15
|
-
|
16
|
-
&::before {
|
17
|
-
-webkit-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 18px));
|
18
|
-
-ms-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 18px));
|
19
|
-
transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 18px));
|
20
|
-
}
|
21
|
-
}
|
22
|
-
}
|
3
|
+
width: calc((var(--ax-base-size) * var(--ax-base-ratio) - 5px));
|
4
|
+
height: calc(var(--ax-base-size) * var(--ax-base-ratio) / 2);
|
5
|
+
@apply ax-relative ax-inline-block;
|
6
|
+
input {
|
7
|
+
@apply ax-w-0 ax-h-0 ax-opacity-0;
|
23
8
|
}
|
9
|
+
|
24
10
|
.ax-switch-slider {
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
right: 0;
|
30
|
-
bottom: 0;
|
31
|
-
-webkit-transition: 0.2s;
|
32
|
-
transition: 0.2s;
|
33
|
-
border-radius: 25px;
|
34
|
-
@apply ax-bg-light-400 dark:ax-border-transparent dark:ax-bg-white/[0.16] dark:ax-backdrop-blur-3xl;
|
11
|
+
@apply ax-absolute ax-cursor-pointer ax-left-0 ax-right-0 ax-bottom-0 ax-top-0 ax-bg-light-300 ax-rounded-full;
|
12
|
+
@include control-dark("editor");
|
13
|
+
-webkit-transition: 0.4s;
|
14
|
+
transition: 0.4s;
|
35
15
|
&::before {
|
16
|
+
@apply ax-absolute ax-bg-white ax-rounded-full;
|
36
17
|
content: "";
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
transition: 0.2s;
|
45
|
-
border-radius: 50%;
|
18
|
+
width: 35%;
|
19
|
+
padding-bottom: 35%;
|
20
|
+
left: 7%;
|
21
|
+
top: 50%;
|
22
|
+
transform: translate(0, -50%);
|
23
|
+
-webkit-transition: 0.4s;
|
24
|
+
transition: 0.4s;
|
46
25
|
}
|
47
26
|
}
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
&.ax-sm {
|
52
|
-
width: calc(var(--ax-base-size) * var(--ax-base-ratio) - 6px);
|
53
|
-
height: calc(var(--ax-base-size) * var(--ax-base-ratio) - 21px);
|
54
|
-
>input {
|
55
|
-
&:checked {
|
56
|
-
&+.ax-switch-slider {
|
57
|
-
&::before {
|
58
|
-
-webkit-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 25px));
|
59
|
-
-ms-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 25px));
|
60
|
-
transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 25px));
|
61
|
-
}
|
62
|
-
}
|
63
|
-
}
|
64
|
-
}
|
65
|
-
.ax-switch-slider {
|
66
|
-
&::before {
|
67
|
-
height: calc(var(--ax-base-size) * var(--ax-base-ratio) - 27px);
|
68
|
-
width: calc(var(--ax-base-size) * var(--ax-base-ratio) - 27px);
|
69
|
-
}
|
70
|
-
}
|
27
|
+
|
28
|
+
input:checked + .ax-switch-slider {
|
29
|
+
@apply ax-bg-primary-500;
|
71
30
|
}
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
>input {
|
76
|
-
&:checked {
|
77
|
-
&+.ax-switch-slider {
|
78
|
-
&::before {
|
79
|
-
-webkit-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 16px));
|
80
|
-
-ms-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 16px));
|
81
|
-
transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 16px));
|
82
|
-
}
|
83
|
-
}
|
84
|
-
}
|
85
|
-
}
|
86
|
-
.ax-switch-slider {
|
87
|
-
&::before {
|
88
|
-
height: calc(var(--ax-base-size) * var(--ax-base-ratio) - 11px);
|
89
|
-
width: calc(var(--ax-base-size) * var(--ax-base-ratio) - 11px);
|
90
|
-
}
|
91
|
-
}
|
31
|
+
|
32
|
+
input:focus + .ax-switch-slider {
|
33
|
+
@apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2;
|
92
34
|
}
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
35
|
+
|
36
|
+
input:checked + .ax-switch-slider:before {
|
37
|
+
-webkit-transform: translate(140%, -50%);
|
38
|
+
-ms-transform: translate(140%, -50%);
|
39
|
+
transform: translate(140%, -50%);
|
97
40
|
}
|
41
|
+
|
98
42
|
&.ax-state-disabled {
|
99
43
|
.ax-switch-slider {
|
100
44
|
background-color: rgb(var(--ax-color-disabled)) !important;
|
@@ -113,89 +57,290 @@
|
|
113
57
|
@apply ax-cursor-not-allowed;
|
114
58
|
}
|
115
59
|
}
|
60
|
+
|
116
61
|
&.ax-success {
|
117
|
-
>input {
|
62
|
+
> input {
|
118
63
|
&:checked {
|
119
|
-
|
64
|
+
& + .ax-switch-slider {
|
120
65
|
background-color: rgb(var(--ax-color-success));
|
121
66
|
}
|
122
67
|
}
|
123
68
|
}
|
124
|
-
input:focus
|
69
|
+
input:focus ~ .ax-switch-slider {
|
125
70
|
@apply ax-ring-success-500;
|
126
71
|
}
|
127
72
|
}
|
128
73
|
&.ax-secondary {
|
129
|
-
>input {
|
74
|
+
> input {
|
130
75
|
&:checked {
|
131
|
-
|
76
|
+
& + .ax-switch-slider {
|
132
77
|
background-color: rgb(var(--ax-color-secondary));
|
133
78
|
}
|
134
79
|
}
|
135
80
|
}
|
136
|
-
input:focus
|
81
|
+
input:focus ~ .ax-switch-slider {
|
137
82
|
@apply ax-ring-secondary-500;
|
138
83
|
}
|
139
84
|
}
|
140
85
|
&.ax-danger {
|
141
|
-
>input {
|
86
|
+
> input {
|
142
87
|
&:checked {
|
143
|
-
|
88
|
+
& + .ax-switch-slider {
|
144
89
|
background-color: rgb(var(--ax-color-danger));
|
145
90
|
}
|
146
91
|
}
|
147
92
|
}
|
148
|
-
input:focus
|
93
|
+
input:focus ~ .ax-switch-slider {
|
149
94
|
@apply ax-ring-danger-500;
|
150
95
|
}
|
151
96
|
}
|
152
97
|
&.ax-warning {
|
153
|
-
>input {
|
98
|
+
> input {
|
154
99
|
&:checked {
|
155
|
-
|
100
|
+
& + .ax-switch-slider {
|
156
101
|
background-color: rgb(var(--ax-color-warning));
|
157
102
|
}
|
158
103
|
}
|
159
104
|
}
|
160
|
-
input:focus
|
105
|
+
input:focus ~ .ax-switch-slider {
|
161
106
|
@apply ax-ring-warning-500;
|
162
107
|
}
|
163
108
|
}
|
164
109
|
&.ax-info {
|
165
|
-
>input {
|
110
|
+
> input {
|
166
111
|
&:checked {
|
167
|
-
|
112
|
+
& + .ax-switch-slider {
|
168
113
|
background-color: rgb(var(--ax-color-info));
|
169
114
|
}
|
170
115
|
}
|
171
116
|
}
|
172
|
-
input:focus
|
117
|
+
input:focus ~ .ax-switch-slider {
|
173
118
|
@apply ax-ring-info-500;
|
174
119
|
}
|
175
120
|
}
|
176
121
|
&.ax-light {
|
177
|
-
>input {
|
122
|
+
> input {
|
178
123
|
&:checked {
|
179
|
-
|
124
|
+
& + .ax-switch-slider {
|
180
125
|
background-color: rgb(var(--ax-color-light));
|
181
126
|
}
|
182
127
|
}
|
183
128
|
}
|
184
|
-
input:focus
|
129
|
+
input:focus ~ .ax-switch-slider {
|
185
130
|
@apply ax-ring-light-500;
|
186
131
|
}
|
187
132
|
}
|
188
133
|
&.ax-dark {
|
189
|
-
>input {
|
134
|
+
> input {
|
190
135
|
&:checked {
|
191
|
-
|
136
|
+
& + .ax-switch-slider {
|
192
137
|
background-color: rgb(var(--ax-color-dark));
|
193
138
|
}
|
194
139
|
}
|
195
140
|
}
|
196
|
-
input:focus
|
141
|
+
input:focus ~ .ax-switch-slider {
|
197
142
|
@apply ax-ring-dark-500;
|
198
143
|
}
|
199
144
|
}
|
200
145
|
}
|
201
|
-
|
146
|
+
|
147
|
+
// .ax-switch {
|
148
|
+
// position: relative;
|
149
|
+
// display: block;
|
150
|
+
// width: calc(var(--ax-base-size) * var(--ax-base-ratio) + 7px);
|
151
|
+
// height: calc(var(--ax-base-size) * var(--ax-base-ratio) - 15px);
|
152
|
+
// margin: 5px;
|
153
|
+
// >input {
|
154
|
+
// opacity: 0;
|
155
|
+
// width: 0;
|
156
|
+
// height: 0;
|
157
|
+
// &:checked {
|
158
|
+
// &+.ax-switch-slider {
|
159
|
+
// background-color: rgb(var(--ax-color-primary));
|
160
|
+
|
161
|
+
// &::before {
|
162
|
+
// -webkit-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 18px));
|
163
|
+
// -ms-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 18px));
|
164
|
+
// transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 18px));
|
165
|
+
// }
|
166
|
+
// }
|
167
|
+
// }
|
168
|
+
// }
|
169
|
+
// .ax-switch-slider {
|
170
|
+
// position: absolute;
|
171
|
+
// cursor: pointer;
|
172
|
+
// top: 0;
|
173
|
+
// left: 0;
|
174
|
+
// right: 0;
|
175
|
+
// bottom: 0;
|
176
|
+
// -webkit-transition: 0.2s;
|
177
|
+
// transition: 0.2s;
|
178
|
+
// border-radius: 25px;
|
179
|
+
// @apply ax-bg-light-400 dark:ax-border-transparent dark:ax-bg-white/[0.16] dark:ax-backdrop-blur-3xl;
|
180
|
+
// &::before {
|
181
|
+
// content: "";
|
182
|
+
// position: absolute;
|
183
|
+
// height: calc(var(--ax-base-size) * var(--ax-base-ratio) - 21px);
|
184
|
+
// width: calc(var(--ax-base-size) * var(--ax-base-ratio) - 21px);
|
185
|
+
// left: 3px;
|
186
|
+
// bottom: 3px;
|
187
|
+
// background-color: white;
|
188
|
+
// -webkit-transition: 0.2s;
|
189
|
+
// transition: 0.2s;
|
190
|
+
// border-radius: 50%;
|
191
|
+
// }
|
192
|
+
// }
|
193
|
+
// input:focus~.ax-switch-slider {
|
194
|
+
// @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2;
|
195
|
+
// }
|
196
|
+
// &.ax-sm {
|
197
|
+
// width: calc(var(--ax-base-size) * var(--ax-base-ratio) - 6px);
|
198
|
+
// height: calc(var(--ax-base-size) * var(--ax-base-ratio) - 21px);
|
199
|
+
// >input {
|
200
|
+
// &:checked {
|
201
|
+
// &+.ax-switch-slider {
|
202
|
+
// &::before {
|
203
|
+
// -webkit-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 25px));
|
204
|
+
// -ms-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 25px));
|
205
|
+
// transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 25px));
|
206
|
+
// }
|
207
|
+
// }
|
208
|
+
// }
|
209
|
+
// }
|
210
|
+
// .ax-switch-slider {
|
211
|
+
// &::before {
|
212
|
+
// height: calc(var(--ax-base-size) * var(--ax-base-ratio) - 27px);
|
213
|
+
// width: calc(var(--ax-base-size) * var(--ax-base-ratio) - 27px);
|
214
|
+
// }
|
215
|
+
// }
|
216
|
+
// }
|
217
|
+
// &.ax-lg {
|
218
|
+
// width: calc(var(--ax-base-size) * var(--ax-base-ratio) + 20px);
|
219
|
+
// height: calc(var(--ax-base-size) * var(--ax-base-ratio) - 5px);
|
220
|
+
// >input {
|
221
|
+
// &:checked {
|
222
|
+
// &+.ax-switch-slider {
|
223
|
+
// &::before {
|
224
|
+
// -webkit-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 16px));
|
225
|
+
// -ms-transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 16px));
|
226
|
+
// transform: translateX(calc(var(--ax-base-size) * var(--ax-base-ratio) - 16px));
|
227
|
+
// }
|
228
|
+
// }
|
229
|
+
// }
|
230
|
+
// }
|
231
|
+
// .ax-switch-slider {
|
232
|
+
// &::before {
|
233
|
+
// height: calc(var(--ax-base-size) * var(--ax-base-ratio) - 11px);
|
234
|
+
// width: calc(var(--ax-base-size) * var(--ax-base-ratio) - 11px);
|
235
|
+
// }
|
236
|
+
// }
|
237
|
+
// }
|
238
|
+
// &.ax-state-error {
|
239
|
+
// .ax-switch-slider {
|
240
|
+
// @apply ax-ring-2 ax-ring-danger-500 ax-ring-opacity-100 ax-border-transparent;
|
241
|
+
// }
|
242
|
+
// }
|
243
|
+
// &.ax-state-disabled {
|
244
|
+
// .ax-switch-slider {
|
245
|
+
// background-color: rgb(var(--ax-color-disabled)) !important;
|
246
|
+
// @apply ax-cursor-not-allowed ax-border-transparent;
|
247
|
+
// &:after {
|
248
|
+
// @apply ax-border-transparent;
|
249
|
+
// }
|
250
|
+
// &:hover {
|
251
|
+
// @apply ax-border-transparent;
|
252
|
+
// }
|
253
|
+
// }
|
254
|
+
// }
|
255
|
+
// &.ax-state-readonly {
|
256
|
+
// .ax-switch-slider {
|
257
|
+
// opacity: 0.6;
|
258
|
+
// @apply ax-cursor-not-allowed;
|
259
|
+
// }
|
260
|
+
// }
|
261
|
+
// &.ax-success {
|
262
|
+
// >input {
|
263
|
+
// &:checked {
|
264
|
+
// &+.ax-switch-slider {
|
265
|
+
// background-color: rgb(var(--ax-color-success));
|
266
|
+
// }
|
267
|
+
// }
|
268
|
+
// }
|
269
|
+
// input:focus~.ax-switch-slider {
|
270
|
+
// @apply ax-ring-success-500;
|
271
|
+
// }
|
272
|
+
// }
|
273
|
+
// &.ax-secondary {
|
274
|
+
// >input {
|
275
|
+
// &:checked {
|
276
|
+
// &+.ax-switch-slider {
|
277
|
+
// background-color: rgb(var(--ax-color-secondary));
|
278
|
+
// }
|
279
|
+
// }
|
280
|
+
// }
|
281
|
+
// input:focus~.ax-switch-slider {
|
282
|
+
// @apply ax-ring-secondary-500;
|
283
|
+
// }
|
284
|
+
// }
|
285
|
+
// &.ax-danger {
|
286
|
+
// >input {
|
287
|
+
// &:checked {
|
288
|
+
// &+.ax-switch-slider {
|
289
|
+
// background-color: rgb(var(--ax-color-danger));
|
290
|
+
// }
|
291
|
+
// }
|
292
|
+
// }
|
293
|
+
// input:focus~.ax-switch-slider {
|
294
|
+
// @apply ax-ring-danger-500;
|
295
|
+
// }
|
296
|
+
// }
|
297
|
+
// &.ax-warning {
|
298
|
+
// >input {
|
299
|
+
// &:checked {
|
300
|
+
// &+.ax-switch-slider {
|
301
|
+
// background-color: rgb(var(--ax-color-warning));
|
302
|
+
// }
|
303
|
+
// }
|
304
|
+
// }
|
305
|
+
// input:focus~.ax-switch-slider {
|
306
|
+
// @apply ax-ring-warning-500;
|
307
|
+
// }
|
308
|
+
// }
|
309
|
+
// &.ax-info {
|
310
|
+
// >input {
|
311
|
+
// &:checked {
|
312
|
+
// &+.ax-switch-slider {
|
313
|
+
// background-color: rgb(var(--ax-color-info));
|
314
|
+
// }
|
315
|
+
// }
|
316
|
+
// }
|
317
|
+
// input:focus~.ax-switch-slider {
|
318
|
+
// @apply ax-ring-info-500;
|
319
|
+
// }
|
320
|
+
// }
|
321
|
+
// &.ax-light {
|
322
|
+
// >input {
|
323
|
+
// &:checked {
|
324
|
+
// &+.ax-switch-slider {
|
325
|
+
// background-color: rgb(var(--ax-color-light));
|
326
|
+
// }
|
327
|
+
// }
|
328
|
+
// }
|
329
|
+
// input:focus~.ax-switch-slider {
|
330
|
+
// @apply ax-ring-light-500;
|
331
|
+
// }
|
332
|
+
// }
|
333
|
+
// &.ax-dark {
|
334
|
+
// >input {
|
335
|
+
// &:checked {
|
336
|
+
// &+.ax-switch-slider {
|
337
|
+
// background-color: rgb(var(--ax-color-dark));
|
338
|
+
// }
|
339
|
+
// }
|
340
|
+
// }
|
341
|
+
// input:focus~.ax-switch-slider {
|
342
|
+
// @apply ax-ring-dark-500;
|
343
|
+
// }
|
344
|
+
// }
|
345
|
+
// }
|
346
|
+
}
|
package/src/icons/demo.html
CHANGED
@@ -9,10 +9,52 @@
|
|
9
9
|
<link rel="stylesheet" href="style.css"></head>
|
10
10
|
<body>
|
11
11
|
<div class="bgc1 clearfix">
|
12
|
-
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> acorex-icon <small class="fgc1">(Glyphs:
|
12
|
+
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> acorex-icon <small class="fgc1">(Glyphs: 30)</small></h1>
|
13
13
|
</div>
|
14
14
|
<div class="clearfix mhl ptl">
|
15
15
|
<h1 class="mvm mtn fgc1">Grid Size: 16</h1>
|
16
|
+
<div class="glyph fs1">
|
17
|
+
<div class="clearfix bshadow0 pbs">
|
18
|
+
<span class="ax-ic-remove"></span>
|
19
|
+
<span class="mls"> ax-ic-remove</span>
|
20
|
+
</div>
|
21
|
+
<fieldset class="fs0 size1of1 clearfix hidden-false">
|
22
|
+
<input type="text" readonly value="e91b" class="unit size1of2" />
|
23
|
+
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
|
24
|
+
</fieldset>
|
25
|
+
<div class="fs0 bshadow0 clearfix hidden-true">
|
26
|
+
<span class="unit pvs fgc1">liga: </span>
|
27
|
+
<input type="text" readonly value="" class="liga unitRight" />
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
<div class="glyph fs1">
|
31
|
+
<div class="clearfix bshadow0 pbs">
|
32
|
+
<span class="ax-ic-plus"></span>
|
33
|
+
<span class="mls"> ax-ic-plus</span>
|
34
|
+
</div>
|
35
|
+
<fieldset class="fs0 size1of1 clearfix hidden-false">
|
36
|
+
<input type="text" readonly value="e91c" class="unit size1of2" />
|
37
|
+
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
|
38
|
+
</fieldset>
|
39
|
+
<div class="fs0 bshadow0 clearfix hidden-true">
|
40
|
+
<span class="unit pvs fgc1">liga: </span>
|
41
|
+
<input type="text" readonly value="" class="liga unitRight" />
|
42
|
+
</div>
|
43
|
+
</div>
|
44
|
+
<div class="glyph fs1">
|
45
|
+
<div class="clearfix bshadow0 pbs">
|
46
|
+
<span class="ax-ic-magnify"></span>
|
47
|
+
<span class="mls"> ax-ic-magnify</span>
|
48
|
+
</div>
|
49
|
+
<fieldset class="fs0 size1of1 clearfix hidden-false">
|
50
|
+
<input type="text" readonly value="e91d" class="unit size1of2" />
|
51
|
+
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" />
|
52
|
+
</fieldset>
|
53
|
+
<div class="fs0 bshadow0 clearfix hidden-true">
|
54
|
+
<span class="unit pvs fgc1">liga: </span>
|
55
|
+
<input type="text" readonly value="" class="liga unitRight" />
|
56
|
+
</div>
|
57
|
+
</div>
|
16
58
|
<div class="glyph fs1">
|
17
59
|
<div class="clearfix bshadow0 pbs">
|
18
60
|
<span class="ax-ic-arrow-circle"></span>
|
@@ -34,4 +34,7 @@
|
|
34
34
|
<glyph unicode="" glyph-name="fullscreen" d="M896 490.667v341.333h-341.333l140.373-140.373-426.667-426.667-140.373 140.373v-341.333h341.333l-140.373 140.373 426.667 426.667z" />
|
35
35
|
<glyph unicode="" glyph-name="close-fullscreen" d="M938.667 814.507l-225.707-225.707 140.373-140.8h-341.333v341.333l140.373-140.373 226.133 225.707 60.16-60.16zM145.493 21.333l225.707 225.707 140.8-140.373v341.333h-341.333l140.373-140.373-225.707-226.133 60.16-60.16z" />
|
36
36
|
<glyph unicode="" glyph-name="fold" d="M316.16 166.827l60.587-60.16 135.253 135.253 135.253-135.253 60.16 60.16-195.413 195.84-195.84-195.84zM707.84 729.173l-60.587 60.16-135.253-135.253-135.253 135.253-60.587-60.16 195.84-195.84 195.84 195.84z" />
|
37
|
+
<glyph unicode="" glyph-name="remove" d="M810.667 405.333h-597.333v85.333h597.333v-85.333z" />
|
38
|
+
<glyph unicode="" glyph-name="plus" d="M810.667 405.333h-256v-256h-85.333v256h-256v85.333h256v256h85.333v-256h256v-85.333z" />
|
39
|
+
<glyph unicode="" glyph-name="magnify" d="M661.333 362.667h-33.707l-11.947 11.52c41.813 48.64 66.987 111.787 66.987 180.48 0 153.173-124.16 277.333-277.333 277.333s-277.333-124.16-277.333-277.333 124.16-277.333 277.333-277.333c68.693 0 131.84 25.173 180.48 66.987l11.52-11.947v-33.707l213.333-212.907 63.573 63.573-212.907 213.333zM405.333 362.667c-106.24 0-192 85.76-192 192s85.76 192 192 192 192-85.76 192-192-85.76-192-192-192z" />
|
37
40
|
</font></defs></svg>
|
Binary file
|
Binary file
|
package/src/icons/selection.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M853.333 512c0 188.16-153.173 341.333-341.333 341.333s-341.333-153.173-341.333-341.333 153.173-341.333 341.333-341.333 341.333 153.173 341.333 341.333zM938.667 512c0-235.52-191.147-426.667-426.667-426.667s-426.667 191.147-426.667 426.667c0 235.52 191.147 426.667 426.667 426.667s426.667-191.147 426.667-426.667v0zM512 554.667h170.667v-85.333h-170.667v-128l-170.667 170.667 170.667 170.667v-128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrow-circle"]},"attrs":[{}],"properties":{"order":29,"id":38,"name":"arrow-circle","prevSize":32,"code":59665},"setIdx":0,"setId":1,"iconIdx":0},{"icon":{"paths":["M85.333 512c0 235.52 191.147 426.667 426.667 426.667s426.667-191.147 426.667-426.667c0-235.52-191.147-426.667-426.667-426.667s-426.667 191.147-426.667 426.667zM512 469.333h170.667v85.333h-170.667v128l-170.667-170.667 170.667-170.667v128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrow-circle-fill"]},"attrs":[{}],"properties":{"order":30,"id":37,"name":"arrow-circle-fill","prevSize":32,"code":59666},"setIdx":0,"setId":1,"iconIdx":1},{"icon":{"paths":["M853.333 469.333h-519.253l238.507-238.507-60.587-60.16-341.333 341.333 341.333 341.333 60.16-60.16-238.080-238.507h519.253v-85.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrow-half"]},"attrs":[{}],"properties":{"order":31,"id":36,"name":"arrow-half","prevSize":32,"code":59667},"setIdx":0,"setId":1,"iconIdx":2},{"icon":{"paths":["M597.333 298.667l-213.333 213.333 213.333 213.333v-426.667z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrow-fill"]},"attrs":[{}],"properties":{"order":32,"id":35,"name":"arrow-fill","prevSize":32,"code":59668},"setIdx":0,"setId":1,"iconIdx":3},{"icon":{"paths":["M896 469.333h-604.587l152.747-153.173-60.16-60.16-256 256 256 256 60.16-60.16-152.747-153.173h604.587z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["arrow"]},"attrs":[{}],"properties":{"order":33,"id":34,"name":"arrow","prevSize":32,"code":59669},"setIdx":0,"setId":1,"iconIdx":4},{"icon":{"paths":["M512 248.747l135.253 135.253 60.16-60.16-195.413-195.84-195.84 195.84 60.587 60.16 135.253-135.253zM512 775.253l-135.253-135.253-60.16 60.16 195.413 195.84 195.84-195.84-60.587-60.16-135.253 135.253z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["unfold"]},"attrs":[{}],"properties":{"order":34,"id":33,"name":"unfold","prevSize":32,"code":59670},"setIdx":0,"setId":1,"iconIdx":5},{"icon":{"paths":["M853.333 512l-60.16-60.16-238.507 238.080v-519.253h-85.333v519.253l-238.080-238.507-60.587 60.587 341.333 341.333 341.333-341.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["half-arrow"]},"attrs":[{}],"properties":{"order":35,"id":32,"name":"half-arrow","prevSize":32,"code":59671},"setIdx":0,"setId":1,"iconIdx":6},{"icon":{"paths":["M896 469.333v-341.333h-341.333l140.373 140.373-426.667 426.667-140.373-140.373v341.333h341.333l-140.373-140.373 426.667-426.667z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["fullscreen"]},"attrs":[{}],"properties":{"order":36,"id":31,"name":"fullscreen","prevSize":32,"code":59672},"setIdx":0,"setId":1,"iconIdx":7},{"icon":{"paths":["M938.667 145.493l-225.707 225.707 140.373 140.8h-341.333v-341.333l140.373 140.373 226.133-225.707 60.16 60.16zM145.493 938.667l225.707-225.707 140.8 140.373v-341.333h-341.333l140.373 140.373-225.707 226.133 60.16 60.16z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["close-fullscreen"]},"attrs":[{}],"properties":{"order":37,"id":30,"name":"close-fullscreen","prevSize":32,"code":59673},"setIdx":0,"setId":1,"iconIdx":8},{"icon":{"paths":["M316.16 793.173l60.587 60.16 135.253-135.253 135.253 135.253 60.16-60.16-195.413-195.84-195.84 195.84zM707.84 230.827l-60.587-60.16-135.253 135.253-135.253-135.253-60.587 60.16 195.84 195.84 195.84-195.84z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["fold"]},"attrs":[{}],"properties":{"order":38,"id":29,"name":"fold","prevSize":32,"code":59674},"setIdx":0,"setId":1,"iconIdx":9},{"icon":{"paths":["M512 256c161.707 0 305.92 90.88 376.32 234.667-70.4 143.787-214.613 234.667-376.32 234.667s-305.92-90.88-376.32-234.667c70.4-143.787 214.613-234.667 376.32-234.667zM512 170.667c-213.333 0-395.52 132.693-469.333 320 73.813 187.307 256 320 469.333 320s395.52-132.693 469.333-320c-73.813-187.307-256-320-469.333-320zM512 384c58.88 0 106.667 47.787 106.667 106.667s-47.787 106.667-106.667 106.667-106.667-47.787-106.667-106.667 47.787-106.667 106.667-106.667zM512 298.667c-105.813 0-192 86.187-192 192s86.187 192 192 192 192-86.187 192-192-86.187-192-192-192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["eye"]},"attrs":[{}],"properties":{"order":27,"id":28,"name":"eye","prevSize":32,"code":59649},"setIdx":0,"setId":1,"iconIdx":10},{"icon":{"paths":["M512 256c161.707 0 305.92 90.88 376.32 234.667-25.173 52.053-60.587 96.853-102.827 133.12l60.16 60.16c59.307-52.48 106.24-118.187 135.68-193.28-73.813-187.307-256-320-469.333-320-54.187 0-106.24 8.533-155.307 24.32l70.4 70.4c27.733-5.547 55.893-9.387 84.907-9.387zM466.347 304.64l88.32 88.32c24.32 10.667 43.947 30.293 54.613 54.613l88.32 88.32c3.413-14.507 5.973-29.867 5.973-45.653 0.427-105.813-85.76-191.573-191.573-191.573-15.787 0-30.72 2.133-45.653 5.973zM85.76 165.12l114.347 114.347c-69.547 54.613-124.587 127.147-157.44 211.2 73.813 187.307 256 320 469.333 320 64.853 0 127.147-12.373 184.32-34.987l145.92 145.92 60.16-60.16-756.48-756.907-60.16 60.587zM405.76 485.12l111.36 111.36c-1.707 0.427-3.413 0.853-5.12 0.853-58.88 0-106.667-47.787-106.667-106.667 0-2.133 0.427-3.413 0.427-5.547zM260.693 340.053l74.667 74.667c-9.813 23.467-15.36 49.067-15.36 75.947 0 105.813 86.187 192 192 192 26.88 0 52.48-5.547 75.52-15.36l41.813 41.813c-37.547 10.24-76.8 16.213-117.333 16.213-161.707 0-305.92-90.88-376.32-234.667 29.867-61.013 73.387-111.36 125.013-150.613z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["eye-off"]},"attrs":[{}],"properties":{"order":10,"id":27,"name":"eye-off","prevSize":32,"code":59650},"setIdx":0,"setId":1,"iconIdx":11},{"icon":{"paths":["M853.333 128h-42.667v-85.333h-85.333v85.333h-426.667v-85.333h-85.333v85.333h-42.667c-46.933 0-85.333 38.4-85.333 85.333v682.667c0 46.933 38.4 85.333 85.333 85.333h682.667c46.933 0 85.333-38.4 85.333-85.333v-682.667c0-46.933-38.4-85.333-85.333-85.333zM853.333 896h-682.667v-554.667h682.667v554.667z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["calendar"]},"attrs":[{}],"properties":{"order":11,"id":26,"name":"calendar","prevSize":32,"code":59651},"setIdx":0,"setId":1,"iconIdx":12},{"icon":{"paths":["M511.573 85.333c-235.52 0-426.24 191.147-426.24 426.667s190.72 426.667 426.24 426.667c235.947 0 427.093-191.147 427.093-426.667s-191.147-426.667-427.093-426.667zM512 853.333c-188.587 0-341.333-152.747-341.333-341.333s152.747-341.333 341.333-341.333 341.333 152.747 341.333 341.333-152.747 341.333-341.333 341.333z","M533.333 298.667h-64v256l224 134.4 32-52.48-192-113.92z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["time"]},"attrs":[{},{}],"properties":{"order":25,"id":25,"name":"time","prevSize":32,"code":59648},"setIdx":0,"setId":1,"iconIdx":13},{"icon":{"paths":["M384 689.92l-177.92-177.92-60.587 60.16 238.507 238.507 512-512-60.16-60.16z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["check"]},"attrs":[{}],"properties":{"order":12,"id":24,"name":"check","prevSize":32,"code":59652},"setIdx":0,"setId":1,"iconIdx":14},{"icon":{"paths":["M512 85.333c-235.52 0-426.667 191.147-426.667 426.667s191.147 426.667 426.667 426.667 426.667-191.147 426.667-426.667-191.147-426.667-426.667-426.667zM426.667 725.333l-213.333-213.333 60.16-60.16 153.173 152.747 323.84-323.84 60.16 60.587-384 384z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["check-filled"]},"attrs":[{}],"properties":{"order":13,"id":23,"name":"check-filled","prevSize":32,"code":59653},"setIdx":0,"setId":1,"iconIdx":15},{"icon":{"paths":["M657.493 316.16l-60.16-60.16-256 256 256 256 60.16-60.16-195.413-195.84 195.413-195.84z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["chevron"]},"attrs":[{}],"properties":{"order":14,"id":22,"name":"chevron","prevSize":32,"code":59654},"setIdx":0,"setId":1,"iconIdx":16},{"icon":{"paths":["M810.667 273.493l-60.16-60.16-238.507 238.507-238.507-238.507-60.16 60.16 238.507 238.507-238.507 238.507 60.16 60.16 238.507-238.507 238.507 238.507 60.16-60.16-238.507-238.507 238.507-238.507z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["close"]},"attrs":[{}],"properties":{"order":15,"id":21,"name":"close","prevSize":32,"code":59655},"setIdx":0,"setId":1,"iconIdx":17},{"icon":{"paths":["M512 85.333c-235.52 0-426.667 191.147-426.667 426.667s191.147 426.667 426.667 426.667 426.667-191.147 426.667-426.667-191.147-426.667-426.667-426.667zM554.667 725.333h-85.333v-85.333h85.333v85.333zM554.667 554.667h-85.333v-256h85.333v256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["error-filled"]},"attrs":[{}],"properties":{"order":16,"id":19,"name":"error-filled","prevSize":32,"code":59656},"setIdx":0,"setId":1,"iconIdx":18},{"icon":{"paths":["M785.493 707.84l-195.84-195.84 195.84-195.84-60.16-60.16-256 256 256 256zM256 256h85.333v512h-85.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["chevron-page"]},"attrs":[{}],"properties":{"order":17,"id":16,"name":"chevron-page","prevSize":32,"code":59657},"setIdx":0,"setId":1,"iconIdx":19},{"icon":{"paths":["M512 85.333c-235.52 0-426.667 191.147-426.667 426.667s191.147 426.667 426.667 426.667 426.667-191.147 426.667-426.667-191.147-426.667-426.667-426.667zM554.667 725.333h-85.333v-256h85.333v256zM554.667 384h-85.333v-85.333h85.333v85.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["info-filled"]},"attrs":[{}],"properties":{"order":18,"id":15,"name":"info-filled","prevSize":32,"code":59658},"setIdx":0,"setId":1,"iconIdx":20},{"icon":{"paths":["M750.507 768l60.16-60.16-195.413-195.84 195.413-195.84-60.16-60.16-256 256z","M469.333 768l60.16-60.16-195.413-195.84 195.413-195.84-60.16-60.16-256 256z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["chevron-double"]},"attrs":[{},{}],"properties":{"order":19,"id":13,"name":"chevron-double","prevSize":32,"code":59659},"setIdx":0,"setId":1,"iconIdx":21},{"icon":{"paths":["M128 768h768v-85.333h-768v85.333zM128 554.667h768v-85.333h-768v85.333zM128 256v85.333h768v-85.333h-768z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["menu"]},"attrs":[{}],"properties":{"order":20,"id":8,"name":"menu","prevSize":32,"code":59660},"setIdx":0,"setId":1,"iconIdx":22},{"icon":{"paths":["M512 341.333c46.933 0 85.333-38.4 85.333-85.333s-38.4-85.333-85.333-85.333-85.333 38.4-85.333 85.333 38.4 85.333 85.333 85.333zM512 426.667c-46.933 0-85.333 38.4-85.333 85.333s38.4 85.333 85.333 85.333 85.333-38.4 85.333-85.333-38.4-85.333-85.333-85.333zM512 682.667c-46.933 0-85.333 38.4-85.333 85.333s38.4 85.333 85.333 85.333 85.333-38.4 85.333-85.333-38.4-85.333-85.333-85.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["more"]},"attrs":[{}],"properties":{"order":21,"id":7,"name":"more","prevSize":32,"code":59661},"setIdx":0,"setId":1,"iconIdx":23},{"icon":{"paths":["M42.667 896h938.667l-469.333-810.667-469.333 810.667zM554.667 768h-85.333v-85.333h85.333v85.333zM554.667 597.333h-85.333v-170.667h85.333v170.667z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["warning-filled"]},"attrs":[{}],"properties":{"order":22,"id":3,"name":"warning-filled","prevSize":32,"code":59662},"setIdx":0,"setId":1,"iconIdx":24},{"icon":{"paths":["M256 256h85.333v512h-85.333zM405.333 512l362.667 256v-512z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["chevron-page-filled"]},"attrs":[{}],"properties":{"order":23,"id":1,"name":"chevron-page-filled","prevSize":32,"code":59663},"setIdx":0,"setId":1,"iconIdx":25},{"icon":{"paths":["M810.667 128h-42.667v-85.333h-85.333v85.333h-341.333v-85.333h-85.333v85.333h-42.667c-47.36 0-85.333 38.4-85.333 85.333v597.333c0 46.933 37.973 85.333 85.333 85.333h597.333c46.933 0 85.333-38.4 85.333-85.333v-597.333c0-46.933-38.4-85.333-85.333-85.333zM810.667 810.667h-597.333v-426.667h597.333v426.667zM810.667 298.667h-597.333v-85.333h597.333v85.333zM298.667 469.333h213.333v213.333h-213.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["calendar-today"]},"attrs":[{}],"properties":{"order":24,"id":0,"name":"calendar-today","prevSize":32,"code":59664},"setIdx":0,"setId":1,"iconIdx":26}],"height":1024,"metadata":{"name":"acorex-icon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"ax-ic-","metadata":{"fontFamily":"acorex-icon","majorVersion":5,"minorVersion":0},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"noie8":true,"ie7":false,"showSelector":true,"showMetrics":true,"showMetadata":true,"showVersion":true,"selector":"","classSelector":".icon","cssVars":true,"cssVarsFormat":"scss"},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon"},"historySize":50,"showCodes":true,"gridSize":16,"showGrid":false,"showLiga":false}}
|
1
|
+
{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M810.667 554.667h-597.333v-85.333h597.333v85.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["remove"]},"attrs":[{}],"properties":{"order":4,"id":29,"name":"remove","prevSize":32,"code":59675},"setIdx":0,"setId":2,"iconIdx":0},{"icon":{"paths":["M810.667 554.667h-256v256h-85.333v-256h-256v-85.333h256v-256h85.333v256h256v85.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["plus"]},"attrs":[{}],"properties":{"order":3,"id":28,"name":"plus","prevSize":32,"code":59676},"setIdx":0,"setId":2,"iconIdx":1},{"icon":{"paths":["M661.333 597.333h-33.707l-11.947-11.52c41.813-48.64 66.987-111.787 66.987-180.48 0-153.173-124.16-277.333-277.333-277.333s-277.333 124.16-277.333 277.333 124.16 277.333 277.333 277.333c68.693 0 131.84-25.173 180.48-66.987l11.52 11.947v33.707l213.333 212.907 63.573-63.573-212.907-213.333zM405.333 597.333c-106.24 0-192-85.76-192-192s85.76-192 192-192 192 85.76 192 192-85.76 192-192 192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":16,"tags":["search"]},"attrs":[{}],"properties":{"order":2,"id":27,"name":"magnify","prevSize":32,"code":59677},"setIdx":0,"setId":2,"iconIdx":2},{"icon":{"paths":["M853.333 512c0 188.16-153.173 341.333-341.333 341.333s-341.333-153.173-341.333-341.333 153.173-341.333 341.333-341.333 341.333 153.173 341.333 341.333zM938.667 512c0-235.52-191.147-426.667-426.667-426.667s-426.667 191.147-426.667 426.667c0 235.52 191.147 426.667 426.667 426.667s426.667-191.147 426.667-426.667v0zM512 554.667h170.667v-85.333h-170.667v-128l-170.667 170.667 170.667 170.667v-128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["arrow-circle"],"grid":16},"attrs":[{}],"properties":{"order":29,"id":0,"name":"arrow-circle","prevSize":32,"code":59665},"setIdx":0,"setId":2,"iconIdx":3},{"icon":{"paths":["M85.333 512c0 235.52 191.147 426.667 426.667 426.667s426.667-191.147 426.667-426.667c0-235.52-191.147-426.667-426.667-426.667s-426.667 191.147-426.667 426.667zM512 469.333h170.667v85.333h-170.667v128l-170.667-170.667 170.667-170.667v128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["arrow-circle-fill"],"grid":16},"attrs":[{}],"properties":{"order":30,"id":1,"name":"arrow-circle-fill","prevSize":32,"code":59666},"setIdx":0,"setId":2,"iconIdx":4},{"icon":{"paths":["M853.333 469.333h-519.253l238.507-238.507-60.587-60.16-341.333 341.333 341.333 341.333 60.16-60.16-238.080-238.507h519.253v-85.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["arrow-half"],"grid":16},"attrs":[{}],"properties":{"order":31,"id":2,"name":"arrow-half","prevSize":32,"code":59667},"setIdx":0,"setId":2,"iconIdx":5},{"icon":{"paths":["M597.333 298.667l-213.333 213.333 213.333 213.333v-426.667z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["arrow-fill"],"grid":16},"attrs":[{}],"properties":{"order":32,"id":3,"name":"arrow-fill","prevSize":32,"code":59668},"setIdx":0,"setId":2,"iconIdx":6},{"icon":{"paths":["M896 469.333h-604.587l152.747-153.173-60.16-60.16-256 256 256 256 60.16-60.16-152.747-153.173h604.587z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["arrow"],"grid":16},"attrs":[{}],"properties":{"order":33,"id":4,"name":"arrow","prevSize":32,"code":59669},"setIdx":0,"setId":2,"iconIdx":7},{"icon":{"paths":["M512 248.747l135.253 135.253 60.16-60.16-195.413-195.84-195.84 195.84 60.587 60.16 135.253-135.253zM512 775.253l-135.253-135.253-60.16 60.16 195.413 195.84 195.84-195.84-60.587-60.16-135.253 135.253z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["unfold"],"grid":16},"attrs":[{}],"properties":{"order":34,"id":5,"name":"unfold","prevSize":32,"code":59670},"setIdx":0,"setId":2,"iconIdx":8},{"icon":{"paths":["M853.333 512l-60.16-60.16-238.507 238.080v-519.253h-85.333v519.253l-238.080-238.507-60.587 60.587 341.333 341.333 341.333-341.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["half-arrow"],"grid":16},"attrs":[{}],"properties":{"order":35,"id":6,"name":"half-arrow","prevSize":32,"code":59671},"setIdx":0,"setId":2,"iconIdx":9},{"icon":{"paths":["M896 469.333v-341.333h-341.333l140.373 140.373-426.667 426.667-140.373-140.373v341.333h341.333l-140.373-140.373 426.667-426.667z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["fullscreen"],"grid":16},"attrs":[{}],"properties":{"order":36,"id":7,"name":"fullscreen","prevSize":32,"code":59672},"setIdx":0,"setId":2,"iconIdx":10},{"icon":{"paths":["M938.667 145.493l-225.707 225.707 140.373 140.8h-341.333v-341.333l140.373 140.373 226.133-225.707 60.16 60.16zM145.493 938.667l225.707-225.707 140.8 140.373v-341.333h-341.333l140.373 140.373-225.707 226.133 60.16 60.16z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["close-fullscreen"],"grid":16},"attrs":[{}],"properties":{"order":37,"id":8,"name":"close-fullscreen","prevSize":32,"code":59673},"setIdx":0,"setId":2,"iconIdx":11},{"icon":{"paths":["M316.16 793.173l60.587 60.16 135.253-135.253 135.253 135.253 60.16-60.16-195.413-195.84-195.84 195.84zM707.84 230.827l-60.587-60.16-135.253 135.253-135.253-135.253-60.587 60.16 195.84 195.84 195.84-195.84z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["fold"],"grid":16},"attrs":[{}],"properties":{"order":38,"id":9,"name":"fold","prevSize":32,"code":59674},"setIdx":0,"setId":2,"iconIdx":12},{"icon":{"paths":["M512 256c161.707 0 305.92 90.88 376.32 234.667-70.4 143.787-214.613 234.667-376.32 234.667s-305.92-90.88-376.32-234.667c70.4-143.787 214.613-234.667 376.32-234.667zM512 170.667c-213.333 0-395.52 132.693-469.333 320 73.813 187.307 256 320 469.333 320s395.52-132.693 469.333-320c-73.813-187.307-256-320-469.333-320zM512 384c58.88 0 106.667 47.787 106.667 106.667s-47.787 106.667-106.667 106.667-106.667-47.787-106.667-106.667 47.787-106.667 106.667-106.667zM512 298.667c-105.813 0-192 86.187-192 192s86.187 192 192 192 192-86.187 192-192-86.187-192-192-192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["eye"],"grid":16},"attrs":[{}],"properties":{"order":27,"id":10,"name":"eye","prevSize":32,"code":59649},"setIdx":0,"setId":2,"iconIdx":13},{"icon":{"paths":["M512 256c161.707 0 305.92 90.88 376.32 234.667-25.173 52.053-60.587 96.853-102.827 133.12l60.16 60.16c59.307-52.48 106.24-118.187 135.68-193.28-73.813-187.307-256-320-469.333-320-54.187 0-106.24 8.533-155.307 24.32l70.4 70.4c27.733-5.547 55.893-9.387 84.907-9.387zM466.347 304.64l88.32 88.32c24.32 10.667 43.947 30.293 54.613 54.613l88.32 88.32c3.413-14.507 5.973-29.867 5.973-45.653 0.427-105.813-85.76-191.573-191.573-191.573-15.787 0-30.72 2.133-45.653 5.973zM85.76 165.12l114.347 114.347c-69.547 54.613-124.587 127.147-157.44 211.2 73.813 187.307 256 320 469.333 320 64.853 0 127.147-12.373 184.32-34.987l145.92 145.92 60.16-60.16-756.48-756.907-60.16 60.587zM405.76 485.12l111.36 111.36c-1.707 0.427-3.413 0.853-5.12 0.853-58.88 0-106.667-47.787-106.667-106.667 0-2.133 0.427-3.413 0.427-5.547zM260.693 340.053l74.667 74.667c-9.813 23.467-15.36 49.067-15.36 75.947 0 105.813 86.187 192 192 192 26.88 0 52.48-5.547 75.52-15.36l41.813 41.813c-37.547 10.24-76.8 16.213-117.333 16.213-161.707 0-305.92-90.88-376.32-234.667 29.867-61.013 73.387-111.36 125.013-150.613z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["eye-off"],"grid":16},"attrs":[{}],"properties":{"order":10,"id":11,"name":"eye-off","prevSize":32,"code":59650},"setIdx":0,"setId":2,"iconIdx":14},{"icon":{"paths":["M853.333 128h-42.667v-85.333h-85.333v85.333h-426.667v-85.333h-85.333v85.333h-42.667c-46.933 0-85.333 38.4-85.333 85.333v682.667c0 46.933 38.4 85.333 85.333 85.333h682.667c46.933 0 85.333-38.4 85.333-85.333v-682.667c0-46.933-38.4-85.333-85.333-85.333zM853.333 896h-682.667v-554.667h682.667v554.667z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["calendar"],"grid":16},"attrs":[{}],"properties":{"order":11,"id":12,"name":"calendar","prevSize":32,"code":59651},"setIdx":0,"setId":2,"iconIdx":15},{"icon":{"paths":["M511.573 85.333c-235.52 0-426.24 191.147-426.24 426.667s190.72 426.667 426.24 426.667c235.947 0 427.093-191.147 427.093-426.667s-191.147-426.667-427.093-426.667zM512 853.333c-188.587 0-341.333-152.747-341.333-341.333s152.747-341.333 341.333-341.333 341.333 152.747 341.333 341.333-152.747 341.333-341.333 341.333z","M533.333 298.667h-64v256l224 134.4 32-52.48-192-113.92z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["time"],"grid":16},"attrs":[{},{}],"properties":{"order":25,"id":13,"name":"time","prevSize":32,"code":59648},"setIdx":0,"setId":2,"iconIdx":16},{"icon":{"paths":["M384 689.92l-177.92-177.92-60.587 60.16 238.507 238.507 512-512-60.16-60.16z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["check"],"grid":16},"attrs":[{}],"properties":{"order":12,"id":14,"name":"check","prevSize":32,"code":59652},"setIdx":0,"setId":2,"iconIdx":17},{"icon":{"paths":["M512 85.333c-235.52 0-426.667 191.147-426.667 426.667s191.147 426.667 426.667 426.667 426.667-191.147 426.667-426.667-191.147-426.667-426.667-426.667zM426.667 725.333l-213.333-213.333 60.16-60.16 153.173 152.747 323.84-323.84 60.16 60.587-384 384z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["check-filled"],"grid":16},"attrs":[{}],"properties":{"order":13,"id":15,"name":"check-filled","prevSize":32,"code":59653},"setIdx":0,"setId":2,"iconIdx":18},{"icon":{"paths":["M657.493 316.16l-60.16-60.16-256 256 256 256 60.16-60.16-195.413-195.84 195.413-195.84z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron"],"grid":16},"attrs":[{}],"properties":{"order":14,"id":16,"name":"chevron","prevSize":32,"code":59654},"setIdx":0,"setId":2,"iconIdx":19},{"icon":{"paths":["M810.667 273.493l-60.16-60.16-238.507 238.507-238.507-238.507-60.16 60.16 238.507 238.507-238.507 238.507 60.16 60.16 238.507-238.507 238.507 238.507 60.16-60.16-238.507-238.507 238.507-238.507z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["close"],"grid":16},"attrs":[{}],"properties":{"order":15,"id":17,"name":"close","prevSize":32,"code":59655},"setIdx":0,"setId":2,"iconIdx":20},{"icon":{"paths":["M512 85.333c-235.52 0-426.667 191.147-426.667 426.667s191.147 426.667 426.667 426.667 426.667-191.147 426.667-426.667-191.147-426.667-426.667-426.667zM554.667 725.333h-85.333v-85.333h85.333v85.333zM554.667 554.667h-85.333v-256h85.333v256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["error-filled"],"grid":16},"attrs":[{}],"properties":{"order":16,"id":18,"name":"error-filled","prevSize":32,"code":59656},"setIdx":0,"setId":2,"iconIdx":21},{"icon":{"paths":["M785.493 707.84l-195.84-195.84 195.84-195.84-60.16-60.16-256 256 256 256zM256 256h85.333v512h-85.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-page"],"grid":16},"attrs":[{}],"properties":{"order":17,"id":19,"name":"chevron-page","prevSize":32,"code":59657},"setIdx":0,"setId":2,"iconIdx":22},{"icon":{"paths":["M512 85.333c-235.52 0-426.667 191.147-426.667 426.667s191.147 426.667 426.667 426.667 426.667-191.147 426.667-426.667-191.147-426.667-426.667-426.667zM554.667 725.333h-85.333v-256h85.333v256zM554.667 384h-85.333v-85.333h85.333v85.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["info-filled"],"grid":16},"attrs":[{}],"properties":{"order":18,"id":20,"name":"info-filled","prevSize":32,"code":59658},"setIdx":0,"setId":2,"iconIdx":23},{"icon":{"paths":["M750.507 768l60.16-60.16-195.413-195.84 195.413-195.84-60.16-60.16-256 256z","M469.333 768l60.16-60.16-195.413-195.84 195.413-195.84-60.16-60.16-256 256z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-double"],"grid":16},"attrs":[{},{}],"properties":{"order":19,"id":21,"name":"chevron-double","prevSize":32,"code":59659},"setIdx":0,"setId":2,"iconIdx":24},{"icon":{"paths":["M128 768h768v-85.333h-768v85.333zM128 554.667h768v-85.333h-768v85.333zM128 256v85.333h768v-85.333h-768z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["menu"],"grid":16},"attrs":[{}],"properties":{"order":20,"id":22,"name":"menu","prevSize":32,"code":59660},"setIdx":0,"setId":2,"iconIdx":25},{"icon":{"paths":["M512 341.333c46.933 0 85.333-38.4 85.333-85.333s-38.4-85.333-85.333-85.333-85.333 38.4-85.333 85.333 38.4 85.333 85.333 85.333zM512 426.667c-46.933 0-85.333 38.4-85.333 85.333s38.4 85.333 85.333 85.333 85.333-38.4 85.333-85.333-38.4-85.333-85.333-85.333zM512 682.667c-46.933 0-85.333 38.4-85.333 85.333s38.4 85.333 85.333 85.333 85.333-38.4 85.333-85.333-38.4-85.333-85.333-85.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["more"],"grid":16},"attrs":[{}],"properties":{"order":21,"id":23,"name":"more","prevSize":32,"code":59661},"setIdx":0,"setId":2,"iconIdx":26},{"icon":{"paths":["M42.667 896h938.667l-469.333-810.667-469.333 810.667zM554.667 768h-85.333v-85.333h85.333v85.333zM554.667 597.333h-85.333v-170.667h85.333v170.667z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["warning-filled"],"grid":16},"attrs":[{}],"properties":{"order":22,"id":24,"name":"warning-filled","prevSize":32,"code":59662},"setIdx":0,"setId":2,"iconIdx":27},{"icon":{"paths":["M256 256h85.333v512h-85.333zM405.333 512l362.667 256v-512z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["chevron-page-filled"],"grid":16},"attrs":[{}],"properties":{"order":23,"id":25,"name":"chevron-page-filled","prevSize":32,"code":59663},"setIdx":0,"setId":2,"iconIdx":28},{"icon":{"paths":["M810.667 128h-42.667v-85.333h-85.333v85.333h-341.333v-85.333h-85.333v85.333h-42.667c-47.36 0-85.333 38.4-85.333 85.333v597.333c0 46.933 37.973 85.333 85.333 85.333h597.333c46.933 0 85.333-38.4 85.333-85.333v-597.333c0-46.933-38.4-85.333-85.333-85.333zM810.667 810.667h-597.333v-426.667h597.333v426.667zM810.667 298.667h-597.333v-85.333h597.333v85.333zM298.667 469.333h213.333v213.333h-213.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["calendar-today"],"grid":16},"attrs":[{}],"properties":{"order":24,"id":26,"name":"calendar-today","prevSize":32,"code":59664},"setIdx":0,"setId":2,"iconIdx":29}],"height":1024,"metadata":{"name":"acorex-icon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"ax-ic-","metadata":{"fontFamily":"acorex-icon","majorVersion":5,"minorVersion":29},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"noie8":true,"ie7":false,"showSelector":true,"showMetrics":true,"showMetadata":true,"showVersion":true,"selector":"","classSelector":".icon","cssVars":true,"cssVarsFormat":"scss"},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon"},"historySize":50,"showCodes":true,"gridSize":16,"showGrid":false,"showLiga":false}}
|
package/src/icons/style.css
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
@font-face {
|
2
2
|
font-family: 'acorex-icon';
|
3
3
|
src:
|
4
|
-
url('fonts/acorex-icon.ttf?
|
5
|
-
url('fonts/acorex-icon.woff?
|
6
|
-
url('fonts/acorex-icon.svg?
|
4
|
+
url('fonts/acorex-icon.ttf?hruqb5') format('truetype'),
|
5
|
+
url('fonts/acorex-icon.woff?hruqb5') format('woff'),
|
6
|
+
url('fonts/acorex-icon.svg?hruqb5#acorex-icon') format('svg');
|
7
7
|
font-weight: normal;
|
8
8
|
font-style: normal;
|
9
9
|
font-display: block;
|
@@ -24,6 +24,15 @@
|
|
24
24
|
-moz-osx-font-smoothing: grayscale;
|
25
25
|
}
|
26
26
|
|
27
|
+
.ax-ic-remove:before {
|
28
|
+
content: "\e91b";
|
29
|
+
}
|
30
|
+
.ax-ic-plus:before {
|
31
|
+
content: "\e91c";
|
32
|
+
}
|
33
|
+
.ax-ic-magnify:before {
|
34
|
+
content: "\e91d";
|
35
|
+
}
|
27
36
|
.ax-ic-arrow-circle:before {
|
28
37
|
content: "\e911";
|
29
38
|
}
|
package/src/icons/style.scss
CHANGED
@@ -3,9 +3,9 @@
|
|
3
3
|
@font-face {
|
4
4
|
font-family: '#{$icomoon-font-family}';
|
5
5
|
src:
|
6
|
-
url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?
|
7
|
-
url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?
|
8
|
-
url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?
|
6
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?hruqb5') format('truetype'),
|
7
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?hruqb5') format('woff'),
|
8
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?hruqb5##{$icomoon-font-family}') format('svg');
|
9
9
|
font-weight: normal;
|
10
10
|
font-style: normal;
|
11
11
|
font-display: block;
|
@@ -26,6 +26,21 @@
|
|
26
26
|
-moz-osx-font-smoothing: grayscale;
|
27
27
|
}
|
28
28
|
|
29
|
+
.ax-ic-remove {
|
30
|
+
&:before {
|
31
|
+
content: $ax-ic-remove;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
.ax-ic-plus {
|
35
|
+
&:before {
|
36
|
+
content: $ax-ic-plus;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
.ax-ic-magnify {
|
40
|
+
&:before {
|
41
|
+
content: $ax-ic-magnify;
|
42
|
+
}
|
43
|
+
}
|
29
44
|
.ax-ic-arrow-circle {
|
30
45
|
&:before {
|
31
46
|
content: $ax-ic-arrow-circle;
|
package/src/icons/variables.scss
CHANGED