@acorex/styles 5.0.4 → 5.0.8

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 (47) hide show
  1. package/index.scss +3 -2
  2. package/package.json +10 -10
  3. package/src/base/_colors.scss +16 -16
  4. package/src/base/index.scss +11 -7
  5. package/src/components/_alert.scss +156 -147
  6. package/src/components/_badge.scss +11 -39
  7. package/src/components/_button.scss +641 -651
  8. package/src/components/_calendar.scss +158 -96
  9. package/src/components/_carousel.scss +36 -61
  10. package/src/components/_checkbox.scss +24 -24
  11. package/src/components/_datapager.scss +39 -39
  12. package/src/components/_datepicker.scss +4 -4
  13. package/src/components/_dialog.scss +61 -61
  14. package/src/components/_drawer.scss +79 -79
  15. package/src/components/_dropdown.scss +140 -177
  16. package/src/components/_editor-container.scss +76 -69
  17. package/src/components/_form.scss +7 -7
  18. package/src/components/_input.scss +17 -16
  19. package/src/components/_label.scss +4 -4
  20. package/src/components/_list.scss +48 -48
  21. package/src/components/_loading.scss +53 -53
  22. package/src/components/_popup.scss +86 -86
  23. package/src/components/_radio.scss +19 -30
  24. package/src/components/_range-slider.scss +13 -13
  25. package/src/components/_selectbox.scss +15 -15
  26. package/src/components/_selection-list.scss +28 -28
  27. package/src/components/_side-menu.scss +46 -46
  28. package/src/components/_skeleton.scss +24 -24
  29. package/src/components/_switch.scss +199 -199
  30. package/src/components/_table.scss +20 -22
  31. package/src/components/_tabs.scss +209 -117
  32. package/src/components/_toast.scss +83 -93
  33. package/src/components/_tooltip.scss +44 -44
  34. package/src/components/index.scss +28 -28
  35. package/src/icons/Read Me.txt +7 -0
  36. package/src/icons/demo-files/demo.css +152 -0
  37. package/src/icons/demo-files/demo.js +30 -0
  38. package/src/icons/demo.html +416 -0
  39. package/src/icons/fonts/acorex-icon.svg +37 -0
  40. package/src/icons/fonts/acorex-icon.ttf +0 -0
  41. package/src/icons/fonts/acorex-icon.woff +0 -0
  42. package/src/icons/selection.json +1 -0
  43. package/src/icons/style.css +107 -0
  44. package/src/icons/style.scss +164 -0
  45. package/src/icons/variables.scss +31 -0
  46. package/src/variables/_colors.scss +135 -135
  47. package/src/variables/_mixins.scss +18 -18
package/src/icons/demo-files/demo.css ADDED
@@ -0,0 +1,152 @@
1
+ body {
2
+ padding: 0;
3
+ margin: 0;
4
+ font-family: sans-serif;
5
+ font-size: 1em;
6
+ line-height: 1.5;
7
+ color: #555;
8
+ background: #fff;
9
+ }
10
+ h1 {
11
+ font-size: 1.5em;
12
+ font-weight: normal;
13
+ }
14
+ small {
15
+ font-size: .66666667em;
16
+ }
17
+ a {
18
+ color: #e74c3c;
19
+ text-decoration: none;
20
+ }
21
+ a:hover, a:focus {
22
+ box-shadow: 0 1px #e74c3c;
23
+ }
24
+ .bshadow0, input {
25
+ box-shadow: inset 0 -2px #e7e7e7;
26
+ }
27
+ input:hover {
28
+ box-shadow: inset 0 -2px #ccc;
29
+ }
30
+ input, fieldset {
31
+ font-family: sans-serif;
32
+ font-size: 1em;
33
+ margin: 0;
34
+ padding: 0;
35
+ border: 0;
36
+ }
37
+ input {
38
+ color: inherit;
39
+ line-height: 1.5;
40
+ height: 1.5em;
41
+ padding: .25em 0;
42
+ }
43
+ input:focus {
44
+ outline: none;
45
+ box-shadow: inset 0 -2px #449fdb;
46
+ }
47
+ .glyph {
48
+ font-size: 16px;
49
+ width: 15em;
50
+ padding-bottom: 1em;
51
+ margin-right: 4em;
52
+ margin-bottom: 1em;
53
+ float: left;
54
+ overflow: hidden;
55
+ }
56
+ .liga {
57
+ width: 80%;
58
+ width: calc(100% - 2.5em);
59
+ }
60
+ .talign-right {
61
+ text-align: right;
62
+ }
63
+ .talign-center {
64
+ text-align: center;
65
+ }
66
+ .bgc1 {
67
+ background: #f1f1f1;
68
+ }
69
+ .fgc1 {
70
+ color: #999;
71
+ }
72
+ .fgc0 {
73
+ color: #000;
74
+ }
75
+ p {
76
+ margin-top: 1em;
77
+ margin-bottom: 1em;
78
+ }
79
+ .mvm {
80
+ margin-top: .75em;
81
+ margin-bottom: .75em;
82
+ }
83
+ .mtn {
84
+ margin-top: 0;
85
+ }
86
+ .mtl, .mal {
87
+ margin-top: 1.5em;
88
+ }
89
+ .mbl, .mal {
90
+ margin-bottom: 1.5em;
91
+ }
92
+ .mal, .mhl {
93
+ margin-left: 1.5em;
94
+ margin-right: 1.5em;
95
+ }
96
+ .mhmm {
97
+ margin-left: 1em;
98
+ margin-right: 1em;
99
+ }
100
+ .mls {
101
+ margin-left: .25em;
102
+ }
103
+ .ptl {
104
+ padding-top: 1.5em;
105
+ }
106
+ .pbs, .pvs {
107
+ padding-bottom: .25em;
108
+ }
109
+ .pvs, .pts {
110
+ padding-top: .25em;
111
+ }
112
+ .unit {
113
+ float: left;
114
+ }
115
+ .unitRight {
116
+ float: right;
117
+ }
118
+ .size1of2 {
119
+ width: 50%;
120
+ }
121
+ .size1of1 {
122
+ width: 100%;
123
+ }
124
+ .clearfix:before, .clearfix:after {
125
+ content: " ";
126
+ display: table;
127
+ }
128
+ .clearfix:after {
129
+ clear: both;
130
+ }
131
+ .hidden-true {
132
+ display: none;
133
+ }
134
+ .textbox0 {
135
+ width: 3em;
136
+ background: #f1f1f1;
137
+ padding: .25em .5em;
138
+ line-height: 1.5;
139
+ height: 1.5em;
140
+ }
141
+ #testDrive {
142
+ display: block;
143
+ padding-top: 24px;
144
+ line-height: 1.5;
145
+ }
146
+ .fs0 {
147
+ font-size: 16px;
148
+ }
149
+ .fs1 {
150
+ font-size: 32px;
151
+ }
152
+
package/src/icons/demo-files/demo.js ADDED
@@ -0,0 +1,30 @@
1
+ if (!('boxShadow' in document.body.style)) {
2
+ document.body.setAttribute('class', 'noBoxShadow');
3
+ }
4
+
5
+ document.body.addEventListener("click", function(e) {
6
+ var target = e.target;
7
+ if (target.tagName === "INPUT" &&
8
+ target.getAttribute('class').indexOf('liga') === -1) {
9
+ target.select();
10
+ }
11
+ });
12
+
13
+ (function() {
14
+ var fontSize = document.getElementById('fontSize'),
15
+ testDrive = document.getElementById('testDrive'),
16
+ testText = document.getElementById('testText');
17
+ function updateTest() {
18
+ testDrive.innerHTML = testText.value || String.fromCharCode(160);
19
+ if (window.icomoonLiga) {
20
+ window.icomoonLiga(testDrive);
21
+ }
22
+ }
23
+ function updateSize() {
24
+ testDrive.style.fontSize = fontSize.value + 'px';
25
+ }
26
+ fontSize.addEventListener('change', updateSize, false);
27
+ testText.addEventListener('input', updateTest, false);
28
+ testText.addEventListener('change', updateTest, false);
29
+ updateSize();
30
+ }());
package/src/icons/demo.html ADDED
@@ -0,0 +1,416 @@
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>IcoMoon Demo</title>
6
+ <meta name="description" content="An Icon Font Generated By IcoMoon.io">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <link rel="stylesheet" href="demo-files/demo.css">
9
+ <link rel="stylesheet" href="style.css"></head>
10
+ <body>
11
+ <div class="bgc1 clearfix">
12
+ <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> acorex-icon <small class="fgc1">(Glyphs:&nbsp;27)</small></h1>
13
+ </div>
14
+ <div class="clearfix mhl ptl">
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-arrow-circle"></span>
19
+ <span class="mls"> ax-ic-arrow-circle</span>
20
+ </div>
21
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
22
+ <input type="text" readonly value="e911" class="unit size1of2" />
23
+ <input type="text" maxlength="1" readonly value="&#xe911;" 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-arrow-circle-fill"></span>
33
+ <span class="mls"> ax-ic-arrow-circle-fill</span>
34
+ </div>
35
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
36
+ <input type="text" readonly value="e912" class="unit size1of2" />
37
+ <input type="text" maxlength="1" readonly value="&#xe912;" 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-arrow-half"></span>
47
+ <span class="mls"> ax-ic-arrow-half</span>
48
+ </div>
49
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
50
+ <input type="text" readonly value="e913" class="unit size1of2" />
51
+ <input type="text" maxlength="1" readonly value="&#xe913;" 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>
58
+ <div class="glyph fs1">
59
+ <div class="clearfix bshadow0 pbs">
60
+ <span class="ax-ic-arrow-fill"></span>
61
+ <span class="mls"> ax-ic-arrow-fill</span>
62
+ </div>
63
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
64
+ <input type="text" readonly value="e914" class="unit size1of2" />
65
+ <input type="text" maxlength="1" readonly value="&#xe914;" class="unitRight size1of2 talign-right" />
66
+ </fieldset>
67
+ <div class="fs0 bshadow0 clearfix hidden-true">
68
+ <span class="unit pvs fgc1">liga: </span>
69
+ <input type="text" readonly value="" class="liga unitRight" />
70
+ </div>
71
+ </div>
72
+ <div class="glyph fs1">
73
+ <div class="clearfix bshadow0 pbs">
74
+ <span class="ax-ic-arrow"></span>
75
+ <span class="mls"> ax-ic-arrow</span>
76
+ </div>
77
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
78
+ <input type="text" readonly value="e915" class="unit size1of2" />
79
+ <input type="text" maxlength="1" readonly value="&#xe915;" class="unitRight size1of2 talign-right" />
80
+ </fieldset>
81
+ <div class="fs0 bshadow0 clearfix hidden-true">
82
+ <span class="unit pvs fgc1">liga: </span>
83
+ <input type="text" readonly value="" class="liga unitRight" />
84
+ </div>
85
+ </div>
86
+ <div class="glyph fs1">
87
+ <div class="clearfix bshadow0 pbs">
88
+ <span class="ax-ic-unfold"></span>
89
+ <span class="mls"> ax-ic-unfold</span>
90
+ </div>
91
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
92
+ <input type="text" readonly value="e916" class="unit size1of2" />
93
+ <input type="text" maxlength="1" readonly value="&#xe916;" class="unitRight size1of2 talign-right" />
94
+ </fieldset>
95
+ <div class="fs0 bshadow0 clearfix hidden-true">
96
+ <span class="unit pvs fgc1">liga: </span>
97
+ <input type="text" readonly value="" class="liga unitRight" />
98
+ </div>
99
+ </div>
100
+ <div class="glyph fs1">
101
+ <div class="clearfix bshadow0 pbs">
102
+ <span class="ax-ic-half-arrow"></span>
103
+ <span class="mls"> ax-ic-half-arrow</span>
104
+ </div>
105
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
106
+ <input type="text" readonly value="e917" class="unit size1of2" />
107
+ <input type="text" maxlength="1" readonly value="&#xe917;" class="unitRight size1of2 talign-right" />
108
+ </fieldset>
109
+ <div class="fs0 bshadow0 clearfix hidden-true">
110
+ <span class="unit pvs fgc1">liga: </span>
111
+ <input type="text" readonly value="" class="liga unitRight" />
112
+ </div>
113
+ </div>
114
+ <div class="glyph fs1">
115
+ <div class="clearfix bshadow0 pbs">
116
+ <span class="ax-ic-fullscreen"></span>
117
+ <span class="mls"> ax-ic-fullscreen</span>
118
+ </div>
119
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
120
+ <input type="text" readonly value="e918" class="unit size1of2" />
121
+ <input type="text" maxlength="1" readonly value="&#xe918;" class="unitRight size1of2 talign-right" />
122
+ </fieldset>
123
+ <div class="fs0 bshadow0 clearfix hidden-true">
124
+ <span class="unit pvs fgc1">liga: </span>
125
+ <input type="text" readonly value="" class="liga unitRight" />
126
+ </div>
127
+ </div>
128
+ <div class="glyph fs1">
129
+ <div class="clearfix bshadow0 pbs">
130
+ <span class="ax-ic-close-fullscreen"></span>
131
+ <span class="mls"> ax-ic-close-fullscreen</span>
132
+ </div>
133
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
134
+ <input type="text" readonly value="e919" class="unit size1of2" />
135
+ <input type="text" maxlength="1" readonly value="&#xe919;" class="unitRight size1of2 talign-right" />
136
+ </fieldset>
137
+ <div class="fs0 bshadow0 clearfix hidden-true">
138
+ <span class="unit pvs fgc1">liga: </span>
139
+ <input type="text" readonly value="" class="liga unitRight" />
140
+ </div>
141
+ </div>
142
+ <div class="glyph fs1">
143
+ <div class="clearfix bshadow0 pbs">
144
+ <span class="ax-ic-fold"></span>
145
+ <span class="mls"> ax-ic-fold</span>
146
+ </div>
147
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
148
+ <input type="text" readonly value="e91a" class="unit size1of2" />
149
+ <input type="text" maxlength="1" readonly value="&#xe91a;" class="unitRight size1of2 talign-right" />
150
+ </fieldset>
151
+ <div class="fs0 bshadow0 clearfix hidden-true">
152
+ <span class="unit pvs fgc1">liga: </span>
153
+ <input type="text" readonly value="" class="liga unitRight" />
154
+ </div>
155
+ </div>
156
+ <div class="glyph fs1">
157
+ <div class="clearfix bshadow0 pbs">
158
+ <span class="ax-ic-eye"></span>
159
+ <span class="mls"> ax-ic-eye</span>
160
+ </div>
161
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
162
+ <input type="text" readonly value="e901" class="unit size1of2" />
163
+ <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
164
+ </fieldset>
165
+ <div class="fs0 bshadow0 clearfix hidden-true">
166
+ <span class="unit pvs fgc1">liga: </span>
167
+ <input type="text" readonly value="" class="liga unitRight" />
168
+ </div>
169
+ </div>
170
+ <div class="glyph fs1">
171
+ <div class="clearfix bshadow0 pbs">
172
+ <span class="ax-ic-eye-off"></span>
173
+ <span class="mls"> ax-ic-eye-off</span>
174
+ </div>
175
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
176
+ <input type="text" readonly value="e902" class="unit size1of2" />
177
+ <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
178
+ </fieldset>
179
+ <div class="fs0 bshadow0 clearfix hidden-true">
180
+ <span class="unit pvs fgc1">liga: </span>
181
+ <input type="text" readonly value="" class="liga unitRight" />
182
+ </div>
183
+ </div>
184
+ <div class="glyph fs1">
185
+ <div class="clearfix bshadow0 pbs">
186
+ <span class="ax-ic-calendar"></span>
187
+ <span class="mls"> ax-ic-calendar</span>
188
+ </div>
189
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
190
+ <input type="text" readonly value="e903" class="unit size1of2" />
191
+ <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
192
+ </fieldset>
193
+ <div class="fs0 bshadow0 clearfix hidden-true">
194
+ <span class="unit pvs fgc1">liga: </span>
195
+ <input type="text" readonly value="" class="liga unitRight" />
196
+ </div>
197
+ </div>
198
+ <div class="glyph fs1">
199
+ <div class="clearfix bshadow0 pbs">
200
+ <span class="ax-ic-time"></span>
201
+ <span class="mls"> ax-ic-time</span>
202
+ </div>
203
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
204
+ <input type="text" readonly value="e900" class="unit size1of2" />
205
+ <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
206
+ </fieldset>
207
+ <div class="fs0 bshadow0 clearfix hidden-true">
208
+ <span class="unit pvs fgc1">liga: </span>
209
+ <input type="text" readonly value="" class="liga unitRight" />
210
+ </div>
211
+ </div>
212
+ <div class="glyph fs1">
213
+ <div class="clearfix bshadow0 pbs">
214
+ <span class="ax-ic-check"></span>
215
+ <span class="mls"> ax-ic-check</span>
216
+ </div>
217
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
218
+ <input type="text" readonly value="e904" class="unit size1of2" />
219
+ <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
220
+ </fieldset>
221
+ <div class="fs0 bshadow0 clearfix hidden-true">
222
+ <span class="unit pvs fgc1">liga: </span>
223
+ <input type="text" readonly value="" class="liga unitRight" />
224
+ </div>
225
+ </div>
226
+ <div class="glyph fs1">
227
+ <div class="clearfix bshadow0 pbs">
228
+ <span class="ax-ic-check-filled"></span>
229
+ <span class="mls"> ax-ic-check-filled</span>
230
+ </div>
231
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
232
+ <input type="text" readonly value="e905" class="unit size1of2" />
233
+ <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
234
+ </fieldset>
235
+ <div class="fs0 bshadow0 clearfix hidden-true">
236
+ <span class="unit pvs fgc1">liga: </span>
237
+ <input type="text" readonly value="" class="liga unitRight" />
238
+ </div>
239
+ </div>
240
+ <div class="glyph fs1">
241
+ <div class="clearfix bshadow0 pbs">
242
+ <span class="ax-ic-chevron"></span>
243
+ <span class="mls"> ax-ic-chevron</span>
244
+ </div>
245
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
246
+ <input type="text" readonly value="e906" class="unit size1of2" />
247
+ <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
248
+ </fieldset>
249
+ <div class="fs0 bshadow0 clearfix hidden-true">
250
+ <span class="unit pvs fgc1">liga: </span>
251
+ <input type="text" readonly value="" class="liga unitRight" />
252
+ </div>
253
+ </div>
254
+ <div class="glyph fs1">
255
+ <div class="clearfix bshadow0 pbs">
256
+ <span class="ax-ic-close"></span>
257
+ <span class="mls"> ax-ic-close</span>
258
+ </div>
259
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
260
+ <input type="text" readonly value="e907" class="unit size1of2" />
261
+ <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" />
262
+ </fieldset>
263
+ <div class="fs0 bshadow0 clearfix hidden-true">
264
+ <span class="unit pvs fgc1">liga: </span>
265
+ <input type="text" readonly value="" class="liga unitRight" />
266
+ </div>
267
+ </div>
268
+ <div class="glyph fs1">
269
+ <div class="clearfix bshadow0 pbs">
270
+ <span class="ax-ic-error-filled"></span>
271
+ <span class="mls"> ax-ic-error-filled</span>
272
+ </div>
273
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
274
+ <input type="text" readonly value="e908" class="unit size1of2" />
275
+ <input type="text" maxlength="1" readonly value="&#xe908;" class="unitRight size1of2 talign-right" />
276
+ </fieldset>
277
+ <div class="fs0 bshadow0 clearfix hidden-true">
278
+ <span class="unit pvs fgc1">liga: </span>
279
+ <input type="text" readonly value="" class="liga unitRight" />
280
+ </div>
281
+ </div>
282
+ <div class="glyph fs1">
283
+ <div class="clearfix bshadow0 pbs">
284
+ <span class="ax-ic-chevron-page"></span>
285
+ <span class="mls"> ax-ic-chevron-page</span>
286
+ </div>
287
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
288
+ <input type="text" readonly value="e909" class="unit size1of2" />
289
+ <input type="text" maxlength="1" readonly value="&#xe909;" class="unitRight size1of2 talign-right" />
290
+ </fieldset>
291
+ <div class="fs0 bshadow0 clearfix hidden-true">
292
+ <span class="unit pvs fgc1">liga: </span>
293
+ <input type="text" readonly value="" class="liga unitRight" />
294
+ </div>
295
+ </div>
296
+ <div class="glyph fs1">
297
+ <div class="clearfix bshadow0 pbs">
298
+ <span class="ax-ic-info-filled"></span>
299
+ <span class="mls"> ax-ic-info-filled</span>
300
+ </div>
301
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
302
+ <input type="text" readonly value="e90a" class="unit size1of2" />
303
+ <input type="text" maxlength="1" readonly value="&#xe90a;" class="unitRight size1of2 talign-right" />
304
+ </fieldset>
305
+ <div class="fs0 bshadow0 clearfix hidden-true">
306
+ <span class="unit pvs fgc1">liga: </span>
307
+ <input type="text" readonly value="" class="liga unitRight" />
308
+ </div>
309
+ </div>
310
+ <div class="glyph fs1">
311
+ <div class="clearfix bshadow0 pbs">
312
+ <span class="ax-ic-chevron-double"></span>
313
+ <span class="mls"> ax-ic-chevron-double</span>
314
+ </div>
315
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
316
+ <input type="text" readonly value="e90b" class="unit size1of2" />
317
+ <input type="text" maxlength="1" readonly value="&#xe90b;" class="unitRight size1of2 talign-right" />
318
+ </fieldset>
319
+ <div class="fs0 bshadow0 clearfix hidden-true">
320
+ <span class="unit pvs fgc1">liga: </span>
321
+ <input type="text" readonly value="" class="liga unitRight" />
322
+ </div>
323
+ </div>
324
+ <div class="glyph fs1">
325
+ <div class="clearfix bshadow0 pbs">
326
+ <span class="ax-ic-menu"></span>
327
+ <span class="mls"> ax-ic-menu</span>
328
+ </div>
329
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
330
+ <input type="text" readonly value="e90c" class="unit size1of2" />
331
+ <input type="text" maxlength="1" readonly value="&#xe90c;" class="unitRight size1of2 talign-right" />
332
+ </fieldset>
333
+ <div class="fs0 bshadow0 clearfix hidden-true">
334
+ <span class="unit pvs fgc1">liga: </span>
335
+ <input type="text" readonly value="" class="liga unitRight" />
336
+ </div>
337
+ </div>
338
+ <div class="glyph fs1">
339
+ <div class="clearfix bshadow0 pbs">
340
+ <span class="ax-ic-more"></span>
341
+ <span class="mls"> ax-ic-more</span>
342
+ </div>
343
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
344
+ <input type="text" readonly value="e90d" class="unit size1of2" />
345
+ <input type="text" maxlength="1" readonly value="&#xe90d;" class="unitRight size1of2 talign-right" />
346
+ </fieldset>
347
+ <div class="fs0 bshadow0 clearfix hidden-true">
348
+ <span class="unit pvs fgc1">liga: </span>
349
+ <input type="text" readonly value="" class="liga unitRight" />
350
+ </div>
351
+ </div>
352
+ <div class="glyph fs1">
353
+ <div class="clearfix bshadow0 pbs">
354
+ <span class="ax-ic-warning-filled"></span>
355
+ <span class="mls"> ax-ic-warning-filled</span>
356
+ </div>
357
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
358
+ <input type="text" readonly value="e90e" class="unit size1of2" />
359
+ <input type="text" maxlength="1" readonly value="&#xe90e;" class="unitRight size1of2 talign-right" />
360
+ </fieldset>
361
+ <div class="fs0 bshadow0 clearfix hidden-true">
362
+ <span class="unit pvs fgc1">liga: </span>
363
+ <input type="text" readonly value="" class="liga unitRight" />
364
+ </div>
365
+ </div>
366
+ <div class="glyph fs1">
367
+ <div class="clearfix bshadow0 pbs">
368
+ <span class="ax-ic-chevron-page-filled"></span>
369
+ <span class="mls"> ax-ic-chevron-page-filled</span>
370
+ </div>
371
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
372
+ <input type="text" readonly value="e90f" class="unit size1of2" />
373
+ <input type="text" maxlength="1" readonly value="&#xe90f;" class="unitRight size1of2 talign-right" />
374
+ </fieldset>
375
+ <div class="fs0 bshadow0 clearfix hidden-true">
376
+ <span class="unit pvs fgc1">liga: </span>
377
+ <input type="text" readonly value="" class="liga unitRight" />
378
+ </div>
379
+ </div>
380
+ <div class="glyph fs1">
381
+ <div class="clearfix bshadow0 pbs">
382
+ <span class="ax-ic-calendar-today"></span>
383
+ <span class="mls"> ax-ic-calendar-today</span>
384
+ </div>
385
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
386
+ <input type="text" readonly value="e910" class="unit size1of2" />
387
+ <input type="text" maxlength="1" readonly value="&#xe910;" class="unitRight size1of2 talign-right" />
388
+ </fieldset>
389
+ <div class="fs0 bshadow0 clearfix hidden-true">
390
+ <span class="unit pvs fgc1">liga: </span>
391
+ <input type="text" readonly value="" class="liga unitRight" />
392
+ </div>
393
+ </div>
394
+ </div>
395
+
396
+ <!--[if gt IE 8]><!-->
397
+ <div class="mhl clearfix mbl">
398
+ <h1>Font Test Drive</h1>
399
+ <label>
400
+ Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
401
+ min="8" value="48" />
402
+ px
403
+ </label>
404
+ <input id="testText" type="text" class="phl size1of1 mvl"
405
+ placeholder="Type some text to test..." value=""/>
406
+ <div id="testDrive" class="ax-ic-" style="font-family: acorex-icon">&nbsp;
407
+ </div>
408
+ </div>
409
+ <!--<![endif]-->
410
+ <div class="bgc1 clearfix">
411
+ <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
412
+ </div>
413
+
414
+ <script src="demo-files/demo.js"></script>
415
+ </body>
416
+ </html>
package/src/icons/fonts/acorex-icon.svg ADDED
@@ -0,0 +1,37 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
+ <svg xmlns="http://www.w3.org/2000/svg">
4
+ <metadata>Generated by IcoMoon</metadata>
5
+ <defs>
6
+ <font id="acorex-icon" horiz-adv-x="1024">
7
+ <font-face units-per-em="1024" ascent="960" descent="-64" />
8
+ <missing-glyph horiz-adv-x="1024" />
9
+ <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
10
+ <glyph unicode="&#xe900;" glyph-name="time" d="M511.573 874.667c-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 106.667c-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.333zM533.333 661.333h-64v-256l224-134.4 32 52.48-192 113.92z" />
11
+ <glyph unicode="&#xe901;" glyph-name="eye" d="M512 704c161.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 789.333c-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 576c58.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 661.333c-105.813 0-192-86.187-192-192s86.187-192 192-192 192 86.187 192 192-86.187 192-192 192z" />
12
+ <glyph unicode="&#xe902;" glyph-name="eye-off" d="M512 704c161.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 655.36l88.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 794.88l114.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 474.88l111.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 619.947l74.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" />
13
+ <glyph unicode="&#xe903;" glyph-name="calendar" d="M853.333 832h-42.667v85.333h-85.333v-85.333h-426.667v85.333h-85.333v-85.333h-42.667c-46.933 0-85.333-38.4-85.333-85.333v-682.667c0-46.933 38.4-85.333 85.333-85.333h682.667c46.933 0 85.333 38.4 85.333 85.333v682.667c0 46.933-38.4 85.333-85.333 85.333zM853.333 64h-682.667v554.667h682.667v-554.667z" />
14
+ <glyph unicode="&#xe904;" glyph-name="check" d="M384 270.080l-177.92 177.92-60.587-60.16 238.507-238.507 512 512-60.16 60.16z" />
15
+ <glyph unicode="&#xe905;" glyph-name="check-filled" d="M512 874.667c-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 234.667l-213.333 213.333 60.16 60.16 153.173-152.747 323.84 323.84 60.16-60.587-384-384z" />
16
+ <glyph unicode="&#xe906;" glyph-name="chevron" d="M657.493 643.84l-60.16 60.16-256-256 256-256 60.16 60.16-195.413 195.84 195.413 195.84z" />
17
+ <glyph unicode="&#xe907;" glyph-name="close" d="M810.667 686.507l-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" />
18
+ <glyph unicode="&#xe908;" glyph-name="error-filled" d="M512 874.667c-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 234.667h-85.333v85.333h85.333v-85.333zM554.667 405.333h-85.333v256h85.333v-256z" />
19
+ <glyph unicode="&#xe909;" glyph-name="chevron-page" d="M785.493 252.16l-195.84 195.84 195.84 195.84-60.16 60.16-256-256 256-256zM256 704h85.333v-512h-85.333z" />
20
+ <glyph unicode="&#xe90a;" glyph-name="info-filled" d="M512 874.667c-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 234.667h-85.333v256h85.333v-256zM554.667 576h-85.333v85.333h85.333v-85.333z" />
21
+ <glyph unicode="&#xe90b;" glyph-name="chevron-double" d="M750.507 192l60.16 60.16-195.413 195.84 195.413 195.84-60.16 60.16-256-256zM469.333 192l60.16 60.16-195.413 195.84 195.413 195.84-60.16 60.16-256-256z" />
22
+ <glyph unicode="&#xe90c;" glyph-name="menu" d="M128 192h768v85.333h-768v-85.333zM128 405.333h768v85.333h-768v-85.333zM128 704v-85.333h768v85.333h-768z" />
23
+ <glyph unicode="&#xe90d;" glyph-name="more" d="M512 618.667c46.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 533.333c-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 277.333c-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" />
24
+ <glyph unicode="&#xe90e;" glyph-name="warning-filled" d="M42.667 64h938.667l-469.333 810.667-469.333-810.667zM554.667 192h-85.333v85.333h85.333v-85.333zM554.667 362.667h-85.333v170.667h85.333v-170.667z" />
25
+ <glyph unicode="&#xe90f;" glyph-name="chevron-page-filled" d="M256 704h85.333v-512h-85.333zM405.333 448l362.667-256v512z" />
26
+ <glyph unicode="&#xe910;" glyph-name="calendar-today" d="M810.667 832h-42.667v85.333h-85.333v-85.333h-341.333v85.333h-85.333v-85.333h-42.667c-47.36 0-85.333-38.4-85.333-85.333v-597.333c0-46.933 37.973-85.333 85.333-85.333h597.333c46.933 0 85.333 38.4 85.333 85.333v597.333c0 46.933-38.4 85.333-85.333 85.333zM810.667 149.333h-597.333v426.667h597.333v-426.667zM810.667 661.333h-597.333v85.333h597.333v-85.333zM298.667 490.667h213.333v-213.333h-213.333z" />
27
+ <glyph unicode="&#xe911;" glyph-name="arrow-circle" d="M853.333 448c0-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 448c0 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 405.333h170.667v85.333h-170.667v128l-170.667-170.667 170.667-170.667v128z" />
28
+ <glyph unicode="&#xe912;" glyph-name="arrow-circle-fill" d="M85.333 448c0-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 490.667h170.667v-85.333h-170.667v-128l-170.667 170.667 170.667 170.667v-128z" />
29
+ <glyph unicode="&#xe913;" glyph-name="arrow-half" d="M853.333 490.667h-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.253v85.333z" />
30
+ <glyph unicode="&#xe914;" glyph-name="arrow-fill" d="M597.333 661.333l-213.333-213.333 213.333-213.333v426.667z" />
31
+ <glyph unicode="&#xe915;" glyph-name="arrow" d="M896 490.667h-604.587l152.747 153.173-60.16 60.16-256-256 256-256 60.16 60.16-152.747 153.173h604.587z" />
32
+ <glyph unicode="&#xe916;" glyph-name="unfold" d="M512 711.253l135.253-135.253 60.16 60.16-195.413 195.84-195.84-195.84 60.587-60.16 135.253 135.253zM512 184.747l-135.253 135.253-60.16-60.16 195.413-195.84 195.84 195.84-60.587 60.16-135.253-135.253z" />
33
+ <glyph unicode="&#xe917;" glyph-name="half-arrow" d="M853.333 448l-60.16 60.16-238.507-238.080v519.253h-85.333v-519.253l-238.080 238.507-60.587-60.587 341.333-341.333 341.333 341.333z" />
34
+ <glyph unicode="&#xe918;" 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
+ <glyph unicode="&#xe919;" 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
+ <glyph unicode="&#xe91a;" 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
+ </font></defs></svg>
package/src/icons/fonts/acorex-icon.ttf ADDED
Binary file
package/src/icons/fonts/acorex-icon.woff ADDED
Binary file