@dev-tcloud/tcloud-ui 5.0.4-beta.0 → 5.0.4-beta.1
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/package.json
CHANGED
package/scss/tcloud/styles.scss
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
height: var(--size-40);
|
|
18
18
|
max-height: var(--size-40);
|
|
19
19
|
min-height: var(--size-40);
|
|
20
|
-
min-width: 6.75rem;
|
|
20
|
+
// min-width: 6.75rem;
|
|
21
21
|
padding: 0 var(--size-8);
|
|
22
22
|
transition: all 200ms ease;
|
|
23
23
|
|
|
@@ -30,6 +30,10 @@
|
|
|
30
30
|
min-width: var(--size-40);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
+
&:focus {
|
|
34
|
+
outline: none;
|
|
35
|
+
}
|
|
36
|
+
|
|
33
37
|
&:disabled
|
|
34
38
|
{
|
|
35
39
|
background-color: transparent;
|
|
@@ -48,7 +52,7 @@
|
|
|
48
52
|
max-height: var(--size-40);
|
|
49
53
|
min-height: var(--size-40);
|
|
50
54
|
padding: 0 var(--size-8);
|
|
51
|
-
min-width: 6.75rem;
|
|
55
|
+
// min-width: 6.75rem;
|
|
52
56
|
|
|
53
57
|
&-icon {
|
|
54
58
|
height: var(--size-40);
|
|
@@ -68,7 +72,7 @@
|
|
|
68
72
|
max-height: var(--size-56);
|
|
69
73
|
min-height: var(--size-56);
|
|
70
74
|
padding: 0 var(--size-16);
|
|
71
|
-
min-width: 8.5rem;
|
|
75
|
+
// min-width: 8.5rem;
|
|
72
76
|
|
|
73
77
|
&-icon {
|
|
74
78
|
height: var(--size-56);
|
|
@@ -88,7 +92,7 @@
|
|
|
88
92
|
max-height: var(--size-72);
|
|
89
93
|
min-height: var(--size-72);
|
|
90
94
|
padding: 0 var(--size-24);
|
|
91
|
-
min-width: 9.5rem;
|
|
95
|
+
// min-width: 9.5rem;
|
|
92
96
|
|
|
93
97
|
&-icon {
|
|
94
98
|
height: var(--size-72);
|
|
@@ -120,7 +124,7 @@ $btn-by-colors:
|
|
|
120
124
|
color: map.get($btn-color, 'color');
|
|
121
125
|
}
|
|
122
126
|
|
|
123
|
-
&:hover
|
|
127
|
+
&:hover
|
|
124
128
|
{
|
|
125
129
|
background-color: map.get($btn-color, 'bg-hover');
|
|
126
130
|
color: map.get($btn-color, 'color');
|
|
@@ -156,7 +160,7 @@ $btn-by-colors-by-outline:
|
|
|
156
160
|
color: map.get($btn-color, 'color');
|
|
157
161
|
}
|
|
158
162
|
|
|
159
|
-
&:hover
|
|
163
|
+
&:hover
|
|
160
164
|
{
|
|
161
165
|
background-color: map.get($btn-color, 'bg-hover');
|
|
162
166
|
color: map.get($btn-color, 'c-hover');
|
|
@@ -194,7 +198,7 @@ $btn-by-colors-by-link:
|
|
|
194
198
|
color: map.get($btn-color, 'color');
|
|
195
199
|
}
|
|
196
200
|
|
|
197
|
-
&:hover
|
|
201
|
+
&:hover
|
|
198
202
|
{
|
|
199
203
|
color: map.get($btn-color, 'c-hover');
|
|
200
204
|
}
|
|
@@ -207,4 +211,4 @@ $btn-by-colors-by-link:
|
|
|
207
211
|
cursor: not-allowed;
|
|
208
212
|
}
|
|
209
213
|
}
|
|
210
|
-
}
|
|
214
|
+
}
|