@stellar-expert/ui-framework 1.14.10 → 1.14.11
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/controls/button.js +4 -0
- package/controls/button.scss +13 -11
- package/package.json +1 -1
package/controls/button.js
CHANGED
package/controls/button.scss
CHANGED
|
@@ -60,6 +60,7 @@ button {
|
|
|
60
60
|
|
|
61
61
|
&:hover {
|
|
62
62
|
color: var(--color-bg);
|
|
63
|
+
|
|
63
64
|
&:before {
|
|
64
65
|
background: var(--color-primary);
|
|
65
66
|
border-color: var(--color-primary);
|
|
@@ -112,6 +113,7 @@ button {
|
|
|
112
113
|
&:hover {
|
|
113
114
|
color: var(--color-highlight);
|
|
114
115
|
}
|
|
116
|
+
|
|
115
117
|
&:before {
|
|
116
118
|
background: var(--color-bg);
|
|
117
119
|
border-color: var(--color-highlight);
|
|
@@ -136,7 +138,7 @@ button {
|
|
|
136
138
|
}
|
|
137
139
|
}
|
|
138
140
|
|
|
139
|
-
|
|
141
|
+
&.loading:after {
|
|
140
142
|
content: "";
|
|
141
143
|
display: block;
|
|
142
144
|
position: absolute;
|
|
@@ -149,17 +151,17 @@ button {
|
|
|
149
151
|
transform: skew(-20deg) translateX(0);
|
|
150
152
|
animation: loading-button 3s infinite ease-in-out;
|
|
151
153
|
}
|
|
154
|
+
}
|
|
152
155
|
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
}
|
|
156
|
+
@keyframes loading-button {
|
|
157
|
+
0% {
|
|
158
|
+
left: 0;
|
|
159
|
+
}
|
|
160
|
+
50% {
|
|
161
|
+
left: 80%;
|
|
162
|
+
}
|
|
163
|
+
100% {
|
|
164
|
+
left: 0;
|
|
163
165
|
}
|
|
164
166
|
}
|
|
165
167
|
|