Diff: STRATO-apps/wordpress_03/app/wp-content/themes/blocksy/admin/dashboard/static/sass/button.scss
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
[class*='ct-button'] {
2
+
display: inline-flex;
3
+
align-items: center;
4
+
justify-content: center;
5
+
gap: 7px;
6
+
min-height: var(--ui-button-height, 35px);
7
+
padding: 5px var(--ui-button-padding, 15px);
8
+
font-size: var(--ui-button-font-size, 13px);
9
+
font-weight: 500;
10
+
outline: none;
11
+
cursor: pointer;
12
+
text-decoration: none;
13
+
text-align: center;
14
+
letter-spacing: 0.01em;
15
+
border-radius: 3px;
16
+
border-width: 1px;
17
+
border-style: solid;
18
+
box-sizing: border-box;
19
+
transition: color 0.15s ease,
20
+
background 0.15s ease,
21
+
transform 0.15s ease,
22
+
border-color 0.15s ease,
23
+
box-shadow 0.15s ease;
24
+
25
+
&[disabled] {
26
+
pointer-events: none;
27
+
opacity: 0.5;
28
+
}
29
+
}
30
+
31
+
.ct-button {
32
+
color: rgba(46, 68, 83, 0.8);
33
+
background: #fff;
34
+
border-color: #e2e6eb;
35
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
36
+
37
+
&:hover,
38
+
&:focus {
39
+
color: #2e4453;
40
+
border-color: rgba(190, 196, 203, 0.7);
41
+
}
42
+
}
43
+
44
+
.ct-button-primary {
45
+
color: #fff;
46
+
background: var(--ui-accent-color);
47
+
border-color: var(--ui-accent-color);
48
+
box-shadow: 0 1px 4px rgba(1, 96, 134, 0.2);
49
+
}
50
+
51
+
.ct-button-primary,
52
+
.ct-button[data-hover='blue'] {
53
+
&:hover,
54
+
&:focus {
55
+
color: #fff;
56
+
background: var(--ui-accent-hover-color, #135e96);
57
+
border-color: rgba(0, 0, 0, 0.1);
58
+
box-shadow: 0 1px 4px rgba(1, 96, 134, 0.3);
59
+
}
60
+
}
61
+
62
+
.ct-button[data-hover='red'] {
63
+
&:hover,
64
+
&:focus {
65
+
color: #fff;
66
+
background: #e05757;
67
+
border-color: #c74848;
68
+
box-shadow: 0 1px 4px rgba(134, 1, 1, 0.4);
69
+
}
70
+
}
71
+