Diff: STRATO-apps/wordpress_03/app/wp-content/themes/blocksy/static/sass/backend/options/number.scss
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
.ct-option-number {
2
+
display: flex;
3
+
align-items: center;
4
+
position: relative;
5
+
height: 30px;
6
+
width: 100px;
7
+
8
+
&[data-width="full"] {
9
+
width: 100%;
10
+
}
11
+
12
+
&[data-position="right"] {
13
+
margin-inline-start: auto;
14
+
}
15
+
16
+
input {
17
+
--padding: 3px 30px;
18
+
text-align: center;
19
+
20
+
&::-webkit-contacts-auto-fill-button {
21
+
position: absolute;
22
+
visibility: hidden;
23
+
}
24
+
}
25
+
26
+
> a {
27
+
position: absolute;
28
+
top: 1px;
29
+
width: 30px;
30
+
height: calc(100% - 2px);
31
+
color: inherit;
32
+
33
+
&:before, &:after {
34
+
position: absolute;
35
+
content: '';
36
+
inset: 0;
37
+
margin: auto;
38
+
width: 8px;
39
+
height: 1px;
40
+
opacity: 0.8;
41
+
background: currentColor;
42
+
transition: background 0.1s linear,
43
+
opacity 0.1s linear;
44
+
}
45
+
46
+
&.ct-minus {
47
+
inset-inline-start: 1px;
48
+
border-top-left-radius: 2px;
49
+
border-bottom-left-radius: 2px;
50
+
51
+
&:after {
52
+
display: none;
53
+
}
54
+
}
55
+
56
+
&.ct-plus {
57
+
inset-inline-end: 1px;
58
+
border-top-right-radius: 2px;
59
+
border-bottom-right-radius: 2px;
60
+
61
+
&:after {
62
+
transform: rotate(90deg);
63
+
}
64
+
}
65
+
66
+
// not disabled state
67
+
&:not(.ct-disabled) {
68
+
cursor: pointer;
69
+
70
+
&:hover {
71
+
color: #fff;
72
+
opacity: 1;
73
+
background: var(--ui-accent-color);
74
+
}
75
+
}
76
+
77
+
&.ct-disabled {
78
+
opacity: 0.4;
79
+
pointer-events: none;
80
+
}
81
+
82
+
&:hover {
83
+
~ input {
84
+
--optionBorderColor: var(--ui-accent-color) !important;
85
+
}
86
+
}
87
+
}
88
+
}