@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.
- package/index.scss +3 -2
- package/package.json +10 -10
- package/src/base/_colors.scss +16 -16
- package/src/base/index.scss +11 -7
- package/src/components/_alert.scss +156 -147
- package/src/components/_badge.scss +11 -39
- package/src/components/_button.scss +641 -651
- package/src/components/_calendar.scss +158 -96
- package/src/components/_carousel.scss +36 -61
- package/src/components/_checkbox.scss +24 -24
- package/src/components/_datapager.scss +39 -39
- package/src/components/_datepicker.scss +4 -4
- package/src/components/_dialog.scss +61 -61
- package/src/components/_drawer.scss +79 -79
- package/src/components/_dropdown.scss +140 -177
- package/src/components/_editor-container.scss +76 -69
- package/src/components/_form.scss +7 -7
- package/src/components/_input.scss +17 -16
- package/src/components/_label.scss +4 -4
- package/src/components/_list.scss +48 -48
- package/src/components/_loading.scss +53 -53
- package/src/components/_popup.scss +86 -86
- package/src/components/_radio.scss +19 -30
- package/src/components/_range-slider.scss +13 -13
- package/src/components/_selectbox.scss +15 -15
- package/src/components/_selection-list.scss +28 -28
- package/src/components/_side-menu.scss +46 -46
- package/src/components/_skeleton.scss +24 -24
- package/src/components/_switch.scss +199 -199
- package/src/components/_table.scss +20 -22
- package/src/components/_tabs.scss +209 -117
- package/src/components/_toast.scss +83 -93
- package/src/components/_tooltip.scss +44 -44
- package/src/components/index.scss +28 -28
- package/src/icons/Read Me.txt +7 -0
- package/src/icons/demo-files/demo.css +152 -0
- package/src/icons/demo-files/demo.js +30 -0
- package/src/icons/demo.html +416 -0
- package/src/icons/fonts/acorex-icon.svg +37 -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 -0
- package/src/icons/style.css +107 -0
- package/src/icons/style.scss +164 -0
- package/src/icons/variables.scss +31 -0
- package/src/variables/_colors.scss +135 -135
- package/src/variables/_mixins.scss +18 -18
@@ -0,0 +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}}
|
@@ -0,0 +1,107 @@
|
|
1
|
+
@font-face {
|
2
|
+
font-family: 'acorex-icon';
|
3
|
+
src:
|
4
|
+
url('fonts/acorex-icon.ttf?4xate3') format('truetype'),
|
5
|
+
url('fonts/acorex-icon.woff?4xate3') format('woff'),
|
6
|
+
url('fonts/acorex-icon.svg?4xate3#acorex-icon') format('svg');
|
7
|
+
font-weight: normal;
|
8
|
+
font-style: normal;
|
9
|
+
font-display: block;
|
10
|
+
}
|
11
|
+
|
12
|
+
[class^="ax-ic-"], [class*=" ax-ic-"] {
|
13
|
+
/* use !important to prevent issues with browser extensions that change fonts */
|
14
|
+
font-family: 'acorex-icon' !important;
|
15
|
+
speak: never;
|
16
|
+
font-style: normal;
|
17
|
+
font-weight: normal;
|
18
|
+
font-variant: normal;
|
19
|
+
text-transform: none;
|
20
|
+
line-height: 1;
|
21
|
+
|
22
|
+
/* Better Font Rendering =========== */
|
23
|
+
-webkit-font-smoothing: antialiased;
|
24
|
+
-moz-osx-font-smoothing: grayscale;
|
25
|
+
}
|
26
|
+
|
27
|
+
.ax-ic-arrow-circle:before {
|
28
|
+
content: "\e911";
|
29
|
+
}
|
30
|
+
.ax-ic-arrow-circle-fill:before {
|
31
|
+
content: "\e912";
|
32
|
+
}
|
33
|
+
.ax-ic-arrow-half:before {
|
34
|
+
content: "\e913";
|
35
|
+
}
|
36
|
+
.ax-ic-arrow-fill:before {
|
37
|
+
content: "\e914";
|
38
|
+
}
|
39
|
+
.ax-ic-arrow:before {
|
40
|
+
content: "\e915";
|
41
|
+
}
|
42
|
+
.ax-ic-unfold:before {
|
43
|
+
content: "\e916";
|
44
|
+
}
|
45
|
+
.ax-ic-half-arrow:before {
|
46
|
+
content: "\e917";
|
47
|
+
}
|
48
|
+
.ax-ic-fullscreen:before {
|
49
|
+
content: "\e918";
|
50
|
+
}
|
51
|
+
.ax-ic-close-fullscreen:before {
|
52
|
+
content: "\e919";
|
53
|
+
}
|
54
|
+
.ax-ic-fold:before {
|
55
|
+
content: "\e91a";
|
56
|
+
}
|
57
|
+
.ax-ic-eye:before {
|
58
|
+
content: "\e901";
|
59
|
+
}
|
60
|
+
.ax-ic-eye-off:before {
|
61
|
+
content: "\e902";
|
62
|
+
}
|
63
|
+
.ax-ic-calendar:before {
|
64
|
+
content: "\e903";
|
65
|
+
}
|
66
|
+
.ax-ic-time:before {
|
67
|
+
content: "\e900";
|
68
|
+
}
|
69
|
+
.ax-ic-check:before {
|
70
|
+
content: "\e904";
|
71
|
+
}
|
72
|
+
.ax-ic-check-filled:before {
|
73
|
+
content: "\e905";
|
74
|
+
}
|
75
|
+
.ax-ic-chevron:before {
|
76
|
+
content: "\e906";
|
77
|
+
}
|
78
|
+
.ax-ic-close:before {
|
79
|
+
content: "\e907";
|
80
|
+
}
|
81
|
+
.ax-ic-error-filled:before {
|
82
|
+
content: "\e908";
|
83
|
+
}
|
84
|
+
.ax-ic-chevron-page:before {
|
85
|
+
content: "\e909";
|
86
|
+
}
|
87
|
+
.ax-ic-info-filled:before {
|
88
|
+
content: "\e90a";
|
89
|
+
}
|
90
|
+
.ax-ic-chevron-double:before {
|
91
|
+
content: "\e90b";
|
92
|
+
}
|
93
|
+
.ax-ic-menu:before {
|
94
|
+
content: "\e90c";
|
95
|
+
}
|
96
|
+
.ax-ic-more:before {
|
97
|
+
content: "\e90d";
|
98
|
+
}
|
99
|
+
.ax-ic-warning-filled:before {
|
100
|
+
content: "\e90e";
|
101
|
+
}
|
102
|
+
.ax-ic-chevron-page-filled:before {
|
103
|
+
content: "\e90f";
|
104
|
+
}
|
105
|
+
.ax-ic-calendar-today:before {
|
106
|
+
content: "\e910";
|
107
|
+
}
|
@@ -0,0 +1,164 @@
|
|
1
|
+
@import "variables";
|
2
|
+
|
3
|
+
@font-face {
|
4
|
+
font-family: '#{$icomoon-font-family}';
|
5
|
+
src:
|
6
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?4xate3') format('truetype'),
|
7
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?4xate3') format('woff'),
|
8
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?4xate3##{$icomoon-font-family}') format('svg');
|
9
|
+
font-weight: normal;
|
10
|
+
font-style: normal;
|
11
|
+
font-display: block;
|
12
|
+
}
|
13
|
+
|
14
|
+
[class^="ax-ic-"], [class*=" ax-ic-"] {
|
15
|
+
/* use !important to prevent issues with browser extensions that change fonts */
|
16
|
+
font-family: '#{$icomoon-font-family}' !important;
|
17
|
+
speak: never;
|
18
|
+
font-style: normal;
|
19
|
+
font-weight: normal;
|
20
|
+
font-variant: normal;
|
21
|
+
text-transform: none;
|
22
|
+
line-height: 1;
|
23
|
+
|
24
|
+
/* Better Font Rendering =========== */
|
25
|
+
-webkit-font-smoothing: antialiased;
|
26
|
+
-moz-osx-font-smoothing: grayscale;
|
27
|
+
}
|
28
|
+
|
29
|
+
.ax-ic-arrow-circle {
|
30
|
+
&:before {
|
31
|
+
content: $ax-ic-arrow-circle;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
.ax-ic-arrow-circle-fill {
|
35
|
+
&:before {
|
36
|
+
content: $ax-ic-arrow-circle-fill;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
.ax-ic-arrow-half {
|
40
|
+
&:before {
|
41
|
+
content: $ax-ic-arrow-half;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
.ax-ic-arrow-fill {
|
45
|
+
&:before {
|
46
|
+
content: $ax-ic-arrow-fill;
|
47
|
+
}
|
48
|
+
}
|
49
|
+
.ax-ic-arrow {
|
50
|
+
&:before {
|
51
|
+
content: $ax-ic-arrow;
|
52
|
+
}
|
53
|
+
}
|
54
|
+
.ax-ic-unfold {
|
55
|
+
&:before {
|
56
|
+
content: $ax-ic-unfold;
|
57
|
+
}
|
58
|
+
}
|
59
|
+
.ax-ic-half-arrow {
|
60
|
+
&:before {
|
61
|
+
content: $ax-ic-half-arrow;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
.ax-ic-fullscreen {
|
65
|
+
&:before {
|
66
|
+
content: $ax-ic-fullscreen;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
.ax-ic-close-fullscreen {
|
70
|
+
&:before {
|
71
|
+
content: $ax-ic-close-fullscreen;
|
72
|
+
}
|
73
|
+
}
|
74
|
+
.ax-ic-fold {
|
75
|
+
&:before {
|
76
|
+
content: $ax-ic-fold;
|
77
|
+
}
|
78
|
+
}
|
79
|
+
.ax-ic-eye {
|
80
|
+
&:before {
|
81
|
+
content: $ax-ic-eye;
|
82
|
+
}
|
83
|
+
}
|
84
|
+
.ax-ic-eye-off {
|
85
|
+
&:before {
|
86
|
+
content: $ax-ic-eye-off;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
.ax-ic-calendar {
|
90
|
+
&:before {
|
91
|
+
content: $ax-ic-calendar;
|
92
|
+
}
|
93
|
+
}
|
94
|
+
.ax-ic-time {
|
95
|
+
&:before {
|
96
|
+
content: $ax-ic-time;
|
97
|
+
}
|
98
|
+
}
|
99
|
+
.ax-ic-check {
|
100
|
+
&:before {
|
101
|
+
content: $ax-ic-check;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
.ax-ic-check-filled {
|
105
|
+
&:before {
|
106
|
+
content: $ax-ic-check-filled;
|
107
|
+
}
|
108
|
+
}
|
109
|
+
.ax-ic-chevron {
|
110
|
+
&:before {
|
111
|
+
content: $ax-ic-chevron;
|
112
|
+
}
|
113
|
+
}
|
114
|
+
.ax-ic-close {
|
115
|
+
&:before {
|
116
|
+
content: $ax-ic-close;
|
117
|
+
}
|
118
|
+
}
|
119
|
+
.ax-ic-error-filled {
|
120
|
+
&:before {
|
121
|
+
content: $ax-ic-error-filled;
|
122
|
+
}
|
123
|
+
}
|
124
|
+
.ax-ic-chevron-page {
|
125
|
+
&:before {
|
126
|
+
content: $ax-ic-chevron-page;
|
127
|
+
}
|
128
|
+
}
|
129
|
+
.ax-ic-info-filled {
|
130
|
+
&:before {
|
131
|
+
content: $ax-ic-info-filled;
|
132
|
+
}
|
133
|
+
}
|
134
|
+
.ax-ic-chevron-double {
|
135
|
+
&:before {
|
136
|
+
content: $ax-ic-chevron-double;
|
137
|
+
}
|
138
|
+
}
|
139
|
+
.ax-ic-menu {
|
140
|
+
&:before {
|
141
|
+
content: $ax-ic-menu;
|
142
|
+
}
|
143
|
+
}
|
144
|
+
.ax-ic-more {
|
145
|
+
&:before {
|
146
|
+
content: $ax-ic-more;
|
147
|
+
}
|
148
|
+
}
|
149
|
+
.ax-ic-warning-filled {
|
150
|
+
&:before {
|
151
|
+
content: $ax-ic-warning-filled;
|
152
|
+
}
|
153
|
+
}
|
154
|
+
.ax-ic-chevron-page-filled {
|
155
|
+
&:before {
|
156
|
+
content: $ax-ic-chevron-page-filled;
|
157
|
+
}
|
158
|
+
}
|
159
|
+
.ax-ic-calendar-today {
|
160
|
+
&:before {
|
161
|
+
content: $ax-ic-calendar-today;
|
162
|
+
}
|
163
|
+
}
|
164
|
+
|
@@ -0,0 +1,31 @@
|
|
1
|
+
$icomoon-font-family: "acorex-icon" !default;
|
2
|
+
$icomoon-font-path: "fonts" !default;
|
3
|
+
|
4
|
+
$ax-ic-arrow-circle: "\e911";
|
5
|
+
$ax-ic-arrow-circle-fill: "\e912";
|
6
|
+
$ax-ic-arrow-half: "\e913";
|
7
|
+
$ax-ic-arrow-fill: "\e914";
|
8
|
+
$ax-ic-arrow: "\e915";
|
9
|
+
$ax-ic-unfold: "\e916";
|
10
|
+
$ax-ic-half-arrow: "\e917";
|
11
|
+
$ax-ic-fullscreen: "\e918";
|
12
|
+
$ax-ic-close-fullscreen: "\e919";
|
13
|
+
$ax-ic-fold: "\e91a";
|
14
|
+
$ax-ic-eye: "\e901";
|
15
|
+
$ax-ic-eye-off: "\e902";
|
16
|
+
$ax-ic-calendar: "\e903";
|
17
|
+
$ax-ic-time: "\e900";
|
18
|
+
$ax-ic-check: "\e904";
|
19
|
+
$ax-ic-check-filled: "\e905";
|
20
|
+
$ax-ic-chevron: "\e906";
|
21
|
+
$ax-ic-close: "\e907";
|
22
|
+
$ax-ic-error-filled: "\e908";
|
23
|
+
$ax-ic-chevron-page: "\e909";
|
24
|
+
$ax-ic-info-filled: "\e90a";
|
25
|
+
$ax-ic-chevron-double: "\e90b";
|
26
|
+
$ax-ic-menu: "\e90c";
|
27
|
+
$ax-ic-more: "\e90d";
|
28
|
+
$ax-ic-warning-filled: "\e90e";
|
29
|
+
$ax-ic-chevron-page-filled: "\e90f";
|
30
|
+
$ax-ic-calendar-today: "\e910";
|
31
|
+
|
@@ -1,135 +1,135 @@
|
|
1
|
-
$theme-colors: (
|
2
|
-
"white": "255, 255, 255",
|
3
|
-
"black": "0, 0, 0",
|
4
|
-
"placeholder": "156, 163, 175",
|
5
|
-
"border": "209, 213, 219",
|
6
|
-
"disabled": "224, 224, 224",
|
7
|
-
"disabled-fore": "117, 117, 117",
|
8
|
-
"disabled-border": "191, 191, 191",
|
9
|
-
"primary": (
|
10
|
-
"": "59, 130, 246",
|
11
|
-
"fore": "255, 255, 255",
|
12
|
-
"50": "239, 246, 255",
|
13
|
-
"100": "219, 234, 254",
|
14
|
-
"200": "191, 219, 254",
|
15
|
-
"300": "147, 197, 253",
|
16
|
-
"400": "96, 165, 250",
|
17
|
-
"500": "59, 130, 246",
|
18
|
-
"600": "37, 99, 235",
|
19
|
-
"700": "29 ,78, 216",
|
20
|
-
"800": "30, 64 ,175",
|
21
|
-
"900": "30, 58, 138",
|
22
|
-
),
|
23
|
-
"secondary": (
|
24
|
-
"": "236, 72, 153",
|
25
|
-
"fore": "255, 255, 255",
|
26
|
-
"50": "253, 242, 248",
|
27
|
-
"100": "252, 231, 243",
|
28
|
-
"200": "251, 207, 232",
|
29
|
-
"300": "249, 168, 212",
|
30
|
-
"400": "244, 114, 182",
|
31
|
-
"500": "236, 72, 153",
|
32
|
-
"600": "219, 39, 119",
|
33
|
-
"700": "190, 24, 93",
|
34
|
-
"800": "157,23,77",
|
35
|
-
"900": "131, 24, 67",
|
36
|
-
),
|
37
|
-
"success": (
|
38
|
-
"": "76, 175, 80",
|
39
|
-
"fore": "255, 255, 255",
|
40
|
-
"50": "236, 253, 245",
|
41
|
-
"100": "209, 250, 229",
|
42
|
-
"200": "167, 243, 208",
|
43
|
-
"300": "110, 231, 183",
|
44
|
-
"400": "52, 211, 153",
|
45
|
-
"500": "16, 185, 129",
|
46
|
-
"600": "5, 150, 105",
|
47
|
-
"700": "4, 120, 87",
|
48
|
-
"800": "6, 95, 70",
|
49
|
-
"900": "6, 78, 59",
|
50
|
-
),
|
51
|
-
"danger": (
|
52
|
-
"": "239, 68, 68",
|
53
|
-
"fore": "255, 255, 255",
|
54
|
-
"50": "254, 242, 242",
|
55
|
-
"100": "254, 226, 226",
|
56
|
-
"200": "254, 202, 202",
|
57
|
-
"300": "252, 165, 165",
|
58
|
-
"400": "248, 113, 113",
|
59
|
-
"500": "239, 68, 68",
|
60
|
-
"600": "220, 38, 38",
|
61
|
-
"700": "185, 28, 28",
|
62
|
-
"800": "153, 27, 27",
|
63
|
-
"900": "127, 29, 29",
|
64
|
-
),
|
65
|
-
"warning": (
|
66
|
-
"": "251, 191, 36",
|
67
|
-
"fore": "120, 53, 15",
|
68
|
-
"50": "255, 251, 235",
|
69
|
-
"100": "254, 243, 199",
|
70
|
-
"200": "253, 230, 138",
|
71
|
-
"300": "252, 211, 77",
|
72
|
-
"400": "251, 191, 36",
|
73
|
-
"500": "245, 158, 11",
|
74
|
-
"600": "217, 119, 6",
|
75
|
-
"700": "180, 83, 9",
|
76
|
-
"800": "146, 64, 14",
|
77
|
-
"900": "120, 53, 15",
|
78
|
-
),
|
79
|
-
"info": (
|
80
|
-
"": "139, 92, 246",
|
81
|
-
"fore": "255, 255, 255",
|
82
|
-
"50": "245, 243, 255",
|
83
|
-
"100": "237, 233, 254",
|
84
|
-
"200": "221, 214,254",
|
85
|
-
"300": "196, 181, 253",
|
86
|
-
"400": "167, 139, 250",
|
87
|
-
"500": "139, 92, 246",
|
88
|
-
"600": "124, 58, 237",
|
89
|
-
"700": "109, 40, 217",
|
90
|
-
"800": "91, 33, 182",
|
91
|
-
"900": "76, 29, 149",
|
92
|
-
),
|
93
|
-
"dark": (
|
94
|
-
"": "21, 21, 21",
|
95
|
-
"fore": "255, 255, 255",
|
96
|
-
"50": "227, 227, 227",
|
97
|
-
"100": "185, 185, 185",
|
98
|
-
"200": "138, 138, 138",
|
99
|
-
"300": "91, 91, 91",
|
100
|
-
"400": "56, 56, 56",
|
101
|
-
"500": "21, 21, 21",
|
102
|
-
"600": "18, 18, 18",
|
103
|
-
"700": "15, 15, 15",
|
104
|
-
"800": "12, 12, 12",
|
105
|
-
"900": "6, 6, 6",
|
106
|
-
),
|
107
|
-
"light": (
|
108
|
-
"": "107, 114, 128",
|
109
|
-
"fore": "17, 24, 39",
|
110
|
-
"50": "249, 250, 251",
|
111
|
-
"100": "243, 244, 246",
|
112
|
-
"200": "229, 231, 235",
|
113
|
-
"300": "209, 213, 219",
|
114
|
-
"400": "156, 163, 175",
|
115
|
-
"500": "107, 114, 128",
|
116
|
-
"600": "75, 85, 99",
|
117
|
-
"700": "55, 65, 81",
|
118
|
-
"800": "31, 41, 55",
|
119
|
-
"900": "17, 24, 39",
|
120
|
-
),
|
121
|
-
"gray": (
|
122
|
-
"": "107, 114, 128",
|
123
|
-
"fore": "17, 24, 39",
|
124
|
-
"50": "249, 250, 251",
|
125
|
-
"100": "243, 244, 246",
|
126
|
-
"200": "229, 231, 235",
|
127
|
-
"300": "209, 213, 219",
|
128
|
-
"400": "156, 163, 175",
|
129
|
-
"500": "107, 114, 128",
|
130
|
-
"600": "75, 85, 99",
|
131
|
-
"700": "55, 65, 81",
|
132
|
-
"800": "31, 41, 55",
|
133
|
-
"900": "17, 24, 39",
|
134
|
-
),
|
135
|
-
);
|
1
|
+
$theme-colors: (
|
2
|
+
"white": "255, 255, 255",
|
3
|
+
"black": "0, 0, 0",
|
4
|
+
"placeholder": "156, 163, 175",
|
5
|
+
"border": "209, 213, 219",
|
6
|
+
"disabled": "224, 224, 224",
|
7
|
+
"disabled-fore": "117, 117, 117",
|
8
|
+
"disabled-border": "191, 191, 191",
|
9
|
+
"primary": (
|
10
|
+
"": "59, 130, 246",
|
11
|
+
"fore": "255, 255, 255",
|
12
|
+
"50": "239, 246, 255",
|
13
|
+
"100": "219, 234, 254",
|
14
|
+
"200": "191, 219, 254",
|
15
|
+
"300": "147, 197, 253",
|
16
|
+
"400": "96, 165, 250",
|
17
|
+
"500": "59, 130, 246",
|
18
|
+
"600": "37, 99, 235",
|
19
|
+
"700": "29 ,78, 216",
|
20
|
+
"800": "30, 64 ,175",
|
21
|
+
"900": "30, 58, 138",
|
22
|
+
),
|
23
|
+
"secondary": (
|
24
|
+
"": "236, 72, 153",
|
25
|
+
"fore": "255, 255, 255",
|
26
|
+
"50": "253, 242, 248",
|
27
|
+
"100": "252, 231, 243",
|
28
|
+
"200": "251, 207, 232",
|
29
|
+
"300": "249, 168, 212",
|
30
|
+
"400": "244, 114, 182",
|
31
|
+
"500": "236, 72, 153",
|
32
|
+
"600": "219, 39, 119",
|
33
|
+
"700": "190, 24, 93",
|
34
|
+
"800": "157,23,77",
|
35
|
+
"900": "131, 24, 67",
|
36
|
+
),
|
37
|
+
"success": (
|
38
|
+
"": "76, 175, 80",
|
39
|
+
"fore": "255, 255, 255",
|
40
|
+
"50": "236, 253, 245",
|
41
|
+
"100": "209, 250, 229",
|
42
|
+
"200": "167, 243, 208",
|
43
|
+
"300": "110, 231, 183",
|
44
|
+
"400": "52, 211, 153",
|
45
|
+
"500": "16, 185, 129",
|
46
|
+
"600": "5, 150, 105",
|
47
|
+
"700": "4, 120, 87",
|
48
|
+
"800": "6, 95, 70",
|
49
|
+
"900": "6, 78, 59",
|
50
|
+
),
|
51
|
+
"danger": (
|
52
|
+
"": "239, 68, 68",
|
53
|
+
"fore": "255, 255, 255",
|
54
|
+
"50": "254, 242, 242",
|
55
|
+
"100": "254, 226, 226",
|
56
|
+
"200": "254, 202, 202",
|
57
|
+
"300": "252, 165, 165",
|
58
|
+
"400": "248, 113, 113",
|
59
|
+
"500": "239, 68, 68",
|
60
|
+
"600": "220, 38, 38",
|
61
|
+
"700": "185, 28, 28",
|
62
|
+
"800": "153, 27, 27",
|
63
|
+
"900": "127, 29, 29",
|
64
|
+
),
|
65
|
+
"warning": (
|
66
|
+
"": "251, 191, 36",
|
67
|
+
"fore": "120, 53, 15",
|
68
|
+
"50": "255, 251, 235",
|
69
|
+
"100": "254, 243, 199",
|
70
|
+
"200": "253, 230, 138",
|
71
|
+
"300": "252, 211, 77",
|
72
|
+
"400": "251, 191, 36",
|
73
|
+
"500": "245, 158, 11",
|
74
|
+
"600": "217, 119, 6",
|
75
|
+
"700": "180, 83, 9",
|
76
|
+
"800": "146, 64, 14",
|
77
|
+
"900": "120, 53, 15",
|
78
|
+
),
|
79
|
+
"info": (
|
80
|
+
"": "139, 92, 246",
|
81
|
+
"fore": "255, 255, 255",
|
82
|
+
"50": "245, 243, 255",
|
83
|
+
"100": "237, 233, 254",
|
84
|
+
"200": "221, 214,254",
|
85
|
+
"300": "196, 181, 253",
|
86
|
+
"400": "167, 139, 250",
|
87
|
+
"500": "139, 92, 246",
|
88
|
+
"600": "124, 58, 237",
|
89
|
+
"700": "109, 40, 217",
|
90
|
+
"800": "91, 33, 182",
|
91
|
+
"900": "76, 29, 149",
|
92
|
+
),
|
93
|
+
"dark": (
|
94
|
+
"": "21, 21, 21",
|
95
|
+
"fore": "255, 255, 255",
|
96
|
+
"50": "227, 227, 227",
|
97
|
+
"100": "185, 185, 185",
|
98
|
+
"200": "138, 138, 138",
|
99
|
+
"300": "91, 91, 91",
|
100
|
+
"400": "56, 56, 56",
|
101
|
+
"500": "21, 21, 21",
|
102
|
+
"600": "18, 18, 18",
|
103
|
+
"700": "15, 15, 15",
|
104
|
+
"800": "12, 12, 12",
|
105
|
+
"900": "6, 6, 6",
|
106
|
+
),
|
107
|
+
"light": (
|
108
|
+
"": "107, 114, 128",
|
109
|
+
"fore": "17, 24, 39",
|
110
|
+
"50": "249, 250, 251",
|
111
|
+
"100": "243, 244, 246",
|
112
|
+
"200": "229, 231, 235",
|
113
|
+
"300": "209, 213, 219",
|
114
|
+
"400": "156, 163, 175",
|
115
|
+
"500": "107, 114, 128",
|
116
|
+
"600": "75, 85, 99",
|
117
|
+
"700": "55, 65, 81",
|
118
|
+
"800": "31, 41, 55",
|
119
|
+
"900": "17, 24, 39",
|
120
|
+
),
|
121
|
+
"gray": (
|
122
|
+
"": "107, 114, 128",
|
123
|
+
"fore": "17, 24, 39",
|
124
|
+
"50": "249, 250, 251",
|
125
|
+
"100": "243, 244, 246",
|
126
|
+
"200": "229, 231, 235",
|
127
|
+
"300": "209, 213, 219",
|
128
|
+
"400": "156, 163, 175",
|
129
|
+
"500": "107, 114, 128",
|
130
|
+
"600": "75, 85, 99",
|
131
|
+
"700": "55, 65, 81",
|
132
|
+
"800": "31, 41, 55",
|
133
|
+
"900": "17, 24, 39",
|
134
|
+
),
|
135
|
+
);
|
@@ -1,18 +1,18 @@
|
|
1
|
-
@mixin respond($breakpoint) {
|
2
|
-
// $breakpoint is simply a variable that can have several values
|
3
|
-
|
4
|
-
@if $breakpoint == tablet {
|
5
|
-
// here `laptop` is the value of $breakpoint
|
6
|
-
// when call laptop, we mean the following piece of code
|
7
|
-
|
8
|
-
@media only screen and (max-width: 600px) {
|
9
|
-
@content;
|
10
|
-
}
|
11
|
-
}
|
12
|
-
|
13
|
-
@if $breakpoint == mobile {
|
14
|
-
@media only screen and (max-width: 480px) {
|
15
|
-
@content;
|
16
|
-
}
|
17
|
-
}
|
18
|
-
}
|
1
|
+
@mixin respond($breakpoint) {
|
2
|
+
// $breakpoint is simply a variable that can have several values
|
3
|
+
|
4
|
+
@if $breakpoint == tablet {
|
5
|
+
// here `laptop` is the value of $breakpoint
|
6
|
+
// when call laptop, we mean the following piece of code
|
7
|
+
|
8
|
+
@media only screen and (max-width: 600px) {
|
9
|
+
@content;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
@if $breakpoint == mobile {
|
14
|
+
@media only screen and (max-width: 480px) {
|
15
|
+
@content;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
}
|