@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
@@ -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
+ }