@acorex/styles 7.17.14 → 7.17.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/icons/fontawesome/fontawesome.scss +60 -0
- package/icons/index.scss +168 -0
- package/icons/material/material.scss +65 -0
- package/index.css +26 -36
- package/index.min.css +1 -1
- package/package.json +1 -1
- package/src/shared/_color-look.scss +1 -1
- package/src/shared/_general-button.scss +2 -9
- package/src/shared/_utils.scss +0 -5
- package/themes/default.css +1 -1
- package/themes/default.scss +26 -24
- package/icons/Read Me.txt +0 -7
- package/icons/demo-files/demo.css +0 -160
- package/icons/demo-files/demo.js +0 -29
- package/icons/demo.html +0 -1088
- package/icons/fonts/acorex-icons.eot +0 -0
- package/icons/fonts/acorex-icons.svg +0 -85
- package/icons/fonts/acorex-icons.ttf +0 -0
- package/icons/fonts/acorex-icons.woff +0 -0
- package/icons/selection.json +0 -1289
- package/icons/style.css +0 -253
- package/icons/style.scss +0 -405
- package/icons/variables.scss +0 -78
package/package.json
CHANGED
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
}
|
|
234
234
|
.ax-ripple {
|
|
235
235
|
// @apply ax-bg-primary-500/30 #{!important};
|
|
236
|
-
background-color: rgba(var(--ax-color-primary-500), 0.3);
|
|
236
|
+
background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
|
|
237
237
|
}
|
|
238
238
|
ax-loading-spinner {
|
|
239
239
|
.ax-loader {
|
|
@@ -38,17 +38,10 @@
|
|
|
38
38
|
// @apply ax-px-2 ax-text-lg;
|
|
39
39
|
padding-left: 0.5rem /* 8px */;
|
|
40
40
|
padding-right: 0.5rem /* 8px */;
|
|
41
|
-
font-size: 1.125rem /* 18px */;
|
|
42
|
-
line-height: 1.75rem /* 28px */;
|
|
43
41
|
> button {
|
|
44
42
|
// @apply ax-flex;
|
|
45
43
|
display: flex;
|
|
46
44
|
}
|
|
47
|
-
ax-icon {
|
|
48
|
-
// @apply ax-text-lg;
|
|
49
|
-
font-size: 1.125rem /* 18px */;
|
|
50
|
-
line-height: 1.75rem /* 28px */;
|
|
51
|
-
}
|
|
52
45
|
}
|
|
53
46
|
&.ax-button-rounded {
|
|
54
47
|
// @apply ax-rounded-default;
|
|
@@ -67,8 +60,8 @@
|
|
|
67
60
|
height: var(--ax-size-default);
|
|
68
61
|
align-items: center;
|
|
69
62
|
justify-content: center;
|
|
70
|
-
|
|
71
|
-
|
|
63
|
+
margin-left: 0.25rem;
|
|
64
|
+
margin-right: 0.25rem;
|
|
72
65
|
font-size: 1rem /* 16px */;
|
|
73
66
|
line-height: 1.5rem /* 24px */;
|
|
74
67
|
line-height: 1;
|
package/src/shared/_utils.scss
CHANGED
|
@@ -64,11 +64,6 @@
|
|
|
64
64
|
transition-property: all;
|
|
65
65
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
66
66
|
transition-duration: 150ms;
|
|
67
|
-
.ax-icon {
|
|
68
|
-
// @apply ax-text-2xl;
|
|
69
|
-
font-size: 1.5rem /* 24px */;
|
|
70
|
-
line-height: 2rem /* 32px */;
|
|
71
|
-
}
|
|
72
67
|
}
|
|
73
68
|
@include darkMode() {
|
|
74
69
|
.ax-uploader-overlay-state {
|
package/themes/default.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ax-size-base: 2.5rem;--ax-size-default: var(--ax-size-base);--ax-rounded-border-default: 0.5rem;--ax-color-border-default: 230, 230, 230;--ax-color-background-default: 249, 250, 251;--ax-color-text-default: 22, 22, 22;--ax-color-surface: 255, 255, 255;--ax-color-surface-fore: 22, 22, 22;--ax-color-on-surface: 243, 244, 246;--ax-color-on-surface-fore: 22, 22, 22;--ax-color-input-surface: 255, 255, 255;--ax-color-input-surface-fore: 22, 22, 22;--ax-color-ghost: 255, 255, 255;--ax-color-ghost-fore: 22, 22, 22;--ax-color-primary-fore: 255, 255, 255;--ax-color-primary-fore-tint:
|
|
1
|
+
:root{--ax-size-base: 2.5rem;--ax-size-default: var(--ax-size-base);--ax-icon-weight: 400;--ax-icon-size: 100%;--ax-rounded-border-default: 0.5rem;--ax-color-border-default: 230, 230, 230;--ax-color-background-default: 249, 250, 251;--ax-color-text-default: 22, 22, 22;--ax-color-surface: 255, 255, 255;--ax-color-surface-fore: 22, 22, 22;--ax-color-on-surface: 243, 244, 246;--ax-color-on-surface-fore: 22, 22, 22;--ax-color-input-surface: 255, 255, 255;--ax-color-input-surface-fore: 22, 22, 22;--ax-color-ghost: 255, 255, 255;--ax-color-ghost-fore: 22, 22, 22;--ax-color-primary-fore: 255, 255, 255;--ax-color-primary-fore-tint: 11, 30, 71;--ax-color-primary-50: 244, 247, 254;--ax-color-primary-100: 233, 239, 253;--ax-color-primary-200: 190, 208, 249;--ax-color-primary-300: 146, 177, 245;--ax-color-primary-400: 102, 146, 241;--ax-color-primary-500: 37, 99, 235;--ax-color-primary-600: 33, 89, 212;--ax-color-primary-700: 26, 69, 165;--ax-color-primary-800: 19, 50, 118;--ax-color-primary-900: 11, 30, 71;--ax-color-primary-950: 4, 10, 23;--ax-color-secondary-fore: 255, 255, 255;--ax-color-secondary-fore-tint: 9, 12, 18;--ax-color-secondary-50: 244, 244, 245;--ax-color-secondary-100: 233, 234, 235;--ax-color-secondary-200: 188, 191, 196;--ax-color-secondary-300: 143, 148, 157;--ax-color-secondary-400: 98, 105, 118;--ax-color-secondary-500: 30, 41, 59;--ax-color-secondary-600: 27, 37, 53;--ax-color-secondary-700: 21, 29, 41;--ax-color-secondary-800: 15, 21, 30;--ax-color-secondary-900: 9, 12, 18;--ax-color-secondary-950: 3, 4, 6;--ax-color-success-fore: 255, 255, 255;--ax-color-success-fore-tint: 6, 78, 59;--ax-color-success-50: 236, 253, 245;--ax-color-success-100: 209, 250, 229;--ax-color-success-200: 167, 243, 208;--ax-color-success-300: 110, 231, 183;--ax-color-success-400: 52, 211, 153;--ax-color-success-500: 16, 185, 129;--ax-color-success-600: 5, 150, 105;--ax-color-success-700: 4, 120, 87;--ax-color-success-800: 6, 95, 70;--ax-color-success-900: 6, 78, 59;--ax-color-success-950: 2, 44, 34;--ax-color-warning-fore: 48, 26, 10;--ax-color-warning-fore-tint: 255, 111, 0;--ax-color-warning-50: 255, 248, 225;--ax-color-warning-100: 255, 236, 179;--ax-color-warning-200: 255, 224, 130;--ax-color-warning-300: 255, 213, 79;--ax-color-warning-400: 255, 202, 40;--ax-color-warning-500: 255, 193, 7;--ax-color-warning-600: 255, 179, 0;--ax-color-warning-700: 255, 160, 0;--ax-color-warning-800: 255, 143, 0;--ax-color-warning-900: 255, 111, 0;--ax-color-warning-950: 72, 40, 15;--ax-color-danger-fore: 255, 255, 255;--ax-color-danger-fore-tint: 127, 29, 29;--ax-color-danger-50: 254, 242, 242;--ax-color-danger-100: 254, 226, 226;--ax-color-danger-200: 254, 202, 202;--ax-color-danger-300: 252, 165, 165;--ax-color-danger-400: 248, 113, 113;--ax-color-danger-500: 239, 68, 68;--ax-color-danger-600: 220, 38, 38;--ax-color-danger-700: 185, 28, 28;--ax-color-danger-800: 153, 27, 27;--ax-color-danger-900: 127, 29, 29;--ax-color-danger-950: 69, 10, 10;--ax-color-info-fore: 255, 255, 255;--ax-color-info-fore-tint: 49, 46, 129;--ax-color-info-50: 238, 242, 255;--ax-color-info-100: 224, 231, 255;--ax-color-info-200: 199, 210, 254;--ax-color-info-300: 165, 180, 252;--ax-color-info-400: 129, 140, 248;--ax-color-info-500: 99, 102, 241;--ax-color-info-600: 79, 70, 229;--ax-color-info-700: 67, 56, 202;--ax-color-info-800: 55, 48, 163;--ax-color-info-900: 49, 46, 129;--ax-color-info-950: 30, 27, 75;--ax-color-neutral-fore: 255, 255, 255;--ax-color-neutral-fore-tint: 17, 24, 39;--ax-color-neutral-50: 249, 250, 251;--ax-color-neutral-100: 243, 244, 246;--ax-color-neutral-200: 229, 231, 235;--ax-color-neutral-300: 209, 213, 219;--ax-color-neutral-400: 156, 163, 175;--ax-color-neutral-500: 107, 114, 128;--ax-color-neutral-600: 75, 85, 99;--ax-color-neutral-700: 55, 65, 81;--ax-color-neutral-800: 31, 41, 55;--ax-color-neutral-900: 17, 24, 39;--ax-color-neutral-950: 3, 7, 18}.ax-dark{--ax-color-border-default: 75, 85, 99;--ax-color-background-default: 24, 32, 43;--ax-color-text-default: 255, 255, 255;--ax-color-surface: 31, 41, 55;--ax-color-surface-fore: 255, 255, 255;--ax-color-on-surface: 55, 65, 81;--ax-color-on-surface-fore: 255, 255, 255;--ax-color-input-surface: 38, 45, 57;--ax-color-input-surface-fore: 224, 224, 224;--ax-color-ghost: 77, 91, 113;--ax-color-ghost-fore: 255, 255, 255}
|
package/themes/default.scss
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--ax-size-base: 2.5rem;
|
|
3
3
|
--ax-size-default: var(--ax-size-base);
|
|
4
|
+
--ax-icon-weight: 400;
|
|
5
|
+
--ax-icon-size: 100%;
|
|
4
6
|
|
|
5
7
|
--ax-rounded-border-default: 0.5rem;
|
|
6
8
|
--ax-color-border-default: 230, 230, 230;
|
|
@@ -21,32 +23,32 @@
|
|
|
21
23
|
--ax-color-ghost-fore: 22, 22, 22;
|
|
22
24
|
|
|
23
25
|
--ax-color-primary-fore: 255, 255, 255;
|
|
24
|
-
--ax-color-primary-fore-tint:
|
|
25
|
-
--ax-color-primary-50:
|
|
26
|
-
--ax-color-primary-100:
|
|
27
|
-
--ax-color-primary-200:
|
|
28
|
-
--ax-color-primary-300:
|
|
29
|
-
--ax-color-primary-400:
|
|
30
|
-
--ax-color-primary-500:
|
|
31
|
-
--ax-color-primary-600:
|
|
32
|
-
--ax-color-primary-700:
|
|
33
|
-
--ax-color-primary-800:
|
|
34
|
-
--ax-color-primary-900:
|
|
35
|
-
--ax-color-primary-950:
|
|
26
|
+
--ax-color-primary-fore-tint: 11, 30, 71;
|
|
27
|
+
--ax-color-primary-50: 244, 247, 254;
|
|
28
|
+
--ax-color-primary-100: 233, 239, 253;
|
|
29
|
+
--ax-color-primary-200: 190, 208, 249;
|
|
30
|
+
--ax-color-primary-300: 146, 177, 245;
|
|
31
|
+
--ax-color-primary-400: 102, 146, 241;
|
|
32
|
+
--ax-color-primary-500: 37, 99, 235;
|
|
33
|
+
--ax-color-primary-600: 33, 89, 212;
|
|
34
|
+
--ax-color-primary-700: 26, 69, 165;
|
|
35
|
+
--ax-color-primary-800: 19, 50, 118;
|
|
36
|
+
--ax-color-primary-900: 11, 30, 71;
|
|
37
|
+
--ax-color-primary-950: 4, 10, 23;
|
|
36
38
|
|
|
37
39
|
--ax-color-secondary-fore: 255, 255, 255;
|
|
38
|
-
--ax-color-secondary-fore-tint:
|
|
39
|
-
--ax-color-secondary-50:
|
|
40
|
-
--ax-color-secondary-100:
|
|
41
|
-
--ax-color-secondary-200:
|
|
42
|
-
--ax-color-secondary-300:
|
|
43
|
-
--ax-color-secondary-400:
|
|
44
|
-
--ax-color-secondary-500:
|
|
45
|
-
--ax-color-secondary-600:
|
|
46
|
-
--ax-color-secondary-700:
|
|
47
|
-
--ax-color-secondary-800:
|
|
48
|
-
--ax-color-secondary-900:
|
|
49
|
-
--ax-color-secondary-950:
|
|
40
|
+
--ax-color-secondary-fore-tint: 9, 12, 18;
|
|
41
|
+
--ax-color-secondary-50: 244, 244, 245;
|
|
42
|
+
--ax-color-secondary-100: 233, 234, 235;
|
|
43
|
+
--ax-color-secondary-200: 188, 191, 196;
|
|
44
|
+
--ax-color-secondary-300: 143, 148, 157;
|
|
45
|
+
--ax-color-secondary-400: 98, 105, 118;
|
|
46
|
+
--ax-color-secondary-500: 30, 41, 59;
|
|
47
|
+
--ax-color-secondary-600: 27, 37, 53;
|
|
48
|
+
--ax-color-secondary-700: 21, 29, 41;
|
|
49
|
+
--ax-color-secondary-800: 15, 21, 30;
|
|
50
|
+
--ax-color-secondary-900: 9, 12, 18;
|
|
51
|
+
--ax-color-secondary-950: 3, 4, 6;
|
|
50
52
|
|
|
51
53
|
--ax-color-success-fore: 255, 255, 255;
|
|
52
54
|
--ax-color-success-fore-tint: 6, 78, 59;
|
package/icons/Read Me.txt
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
|
|
2
|
-
|
|
3
|
-
To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
|
|
4
|
-
|
|
5
|
-
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
|
|
6
|
-
|
|
7
|
-
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.
|
|
@@ -1,160 +0,0 @@
|
|
|
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: 0.66666667em;
|
|
16
|
-
}
|
|
17
|
-
a {
|
|
18
|
-
color: #e74c3c;
|
|
19
|
-
text-decoration: none;
|
|
20
|
-
}
|
|
21
|
-
a:hover,
|
|
22
|
-
a:focus {
|
|
23
|
-
box-shadow: 0 1px #e74c3c;
|
|
24
|
-
}
|
|
25
|
-
.bshadow0,
|
|
26
|
-
input {
|
|
27
|
-
box-shadow: inset 0 -2px #e7e7e7;
|
|
28
|
-
}
|
|
29
|
-
input:hover {
|
|
30
|
-
box-shadow: inset 0 -2px #ccc;
|
|
31
|
-
}
|
|
32
|
-
input,
|
|
33
|
-
fieldset {
|
|
34
|
-
font-family: sans-serif;
|
|
35
|
-
font-size: 1em;
|
|
36
|
-
margin: 0;
|
|
37
|
-
padding: 0;
|
|
38
|
-
border: 0;
|
|
39
|
-
}
|
|
40
|
-
input {
|
|
41
|
-
color: inherit;
|
|
42
|
-
line-height: 1.5;
|
|
43
|
-
height: 1.5em;
|
|
44
|
-
padding: 0.25em 0;
|
|
45
|
-
}
|
|
46
|
-
input:focus {
|
|
47
|
-
outline: none;
|
|
48
|
-
box-shadow: inset 0 -2px #449fdb;
|
|
49
|
-
}
|
|
50
|
-
.glyph {
|
|
51
|
-
font-size: 16px;
|
|
52
|
-
width: 15em;
|
|
53
|
-
padding-bottom: 1em;
|
|
54
|
-
margin-right: 4em;
|
|
55
|
-
margin-bottom: 1em;
|
|
56
|
-
float: left;
|
|
57
|
-
overflow: hidden;
|
|
58
|
-
}
|
|
59
|
-
.liga {
|
|
60
|
-
width: 80%;
|
|
61
|
-
width: calc(100% - 2.5em);
|
|
62
|
-
}
|
|
63
|
-
.talign-right {
|
|
64
|
-
text-align: right;
|
|
65
|
-
}
|
|
66
|
-
.talign-center {
|
|
67
|
-
text-align: center;
|
|
68
|
-
}
|
|
69
|
-
.bgc1 {
|
|
70
|
-
background: #f1f1f1;
|
|
71
|
-
}
|
|
72
|
-
.fgc1 {
|
|
73
|
-
color: #999;
|
|
74
|
-
}
|
|
75
|
-
.fgc0 {
|
|
76
|
-
color: #000;
|
|
77
|
-
}
|
|
78
|
-
p {
|
|
79
|
-
margin-top: 1em;
|
|
80
|
-
margin-bottom: 1em;
|
|
81
|
-
}
|
|
82
|
-
.mvm {
|
|
83
|
-
margin-top: 0.75em;
|
|
84
|
-
margin-bottom: 0.75em;
|
|
85
|
-
}
|
|
86
|
-
.mtn {
|
|
87
|
-
margin-top: 0;
|
|
88
|
-
}
|
|
89
|
-
.mtl,
|
|
90
|
-
.mal {
|
|
91
|
-
margin-top: 1.5em;
|
|
92
|
-
}
|
|
93
|
-
.mbl,
|
|
94
|
-
.mal {
|
|
95
|
-
margin-bottom: 1.5em;
|
|
96
|
-
}
|
|
97
|
-
.mal,
|
|
98
|
-
.mhl {
|
|
99
|
-
margin-left: 1.5em;
|
|
100
|
-
margin-right: 1.5em;
|
|
101
|
-
}
|
|
102
|
-
.mhmm {
|
|
103
|
-
margin-left: 1em;
|
|
104
|
-
margin-right: 1em;
|
|
105
|
-
}
|
|
106
|
-
.mls {
|
|
107
|
-
margin-left: 0.25em;
|
|
108
|
-
}
|
|
109
|
-
.ptl {
|
|
110
|
-
padding-top: 1.5em;
|
|
111
|
-
}
|
|
112
|
-
.pbs,
|
|
113
|
-
.pvs {
|
|
114
|
-
padding-bottom: 0.25em;
|
|
115
|
-
}
|
|
116
|
-
.pvs,
|
|
117
|
-
.pts {
|
|
118
|
-
padding-top: 0.25em;
|
|
119
|
-
}
|
|
120
|
-
.unit {
|
|
121
|
-
float: left;
|
|
122
|
-
}
|
|
123
|
-
.unitRight {
|
|
124
|
-
float: right;
|
|
125
|
-
}
|
|
126
|
-
.size1of2 {
|
|
127
|
-
width: 50%;
|
|
128
|
-
}
|
|
129
|
-
.size1of1 {
|
|
130
|
-
width: 100%;
|
|
131
|
-
}
|
|
132
|
-
.clearfix:before,
|
|
133
|
-
.clearfix:after {
|
|
134
|
-
content: ' ';
|
|
135
|
-
display: table;
|
|
136
|
-
}
|
|
137
|
-
.clearfix:after {
|
|
138
|
-
clear: both;
|
|
139
|
-
}
|
|
140
|
-
.hidden-true {
|
|
141
|
-
display: none;
|
|
142
|
-
}
|
|
143
|
-
.textbox0 {
|
|
144
|
-
width: 3em;
|
|
145
|
-
background: #f1f1f1;
|
|
146
|
-
padding: 0.25em 0.5em;
|
|
147
|
-
line-height: 1.5;
|
|
148
|
-
height: 1.5em;
|
|
149
|
-
}
|
|
150
|
-
#testDrive {
|
|
151
|
-
display: block;
|
|
152
|
-
padding-top: 24px;
|
|
153
|
-
line-height: 1.5;
|
|
154
|
-
}
|
|
155
|
-
.fs0 {
|
|
156
|
-
font-size: 16px;
|
|
157
|
-
}
|
|
158
|
-
.fs1 {
|
|
159
|
-
font-size: 32px;
|
|
160
|
-
}
|
package/icons/demo-files/demo.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
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' && target.getAttribute('class').indexOf('liga') === -1) {
|
|
8
|
-
target.select();
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
(function () {
|
|
13
|
-
var fontSize = document.getElementById('fontSize'),
|
|
14
|
-
testDrive = document.getElementById('testDrive'),
|
|
15
|
-
testText = document.getElementById('testText');
|
|
16
|
-
function updateTest() {
|
|
17
|
-
testDrive.innerHTML = testText.value || String.fromCharCode(160);
|
|
18
|
-
if (window.icomoonLiga) {
|
|
19
|
-
window.icomoonLiga(testDrive);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
function updateSize() {
|
|
23
|
-
testDrive.style.fontSize = fontSize.value + 'px';
|
|
24
|
-
}
|
|
25
|
-
fontSize.addEventListener('change', updateSize, false);
|
|
26
|
-
testText.addEventListener('input', updateTest, false);
|
|
27
|
-
testText.addEventListener('change', updateTest, false);
|
|
28
|
-
updateSize();
|
|
29
|
-
})();
|