Diff: STRATO-apps/wordpress_03/app/wp-content/themes/blocksy/static/sass/backend/options/spacing.scss
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
.ct-option-spacing {
2
+
display: grid;
3
+
grid-template-columns: 1fr 1fr 1fr 1fr 75px;
4
+
grid-column-gap: 4px;
5
+
6
+
&.custom {
7
+
grid-template-columns: 1fr 75px;
8
+
}
9
+
10
+
> span {
11
+
12
+
input {
13
+
14
+
&.inactive {
15
+
color: rgba(50, 55, 60, 0.5);
16
+
pointer-events: none;
17
+
background: rgba(255, 255, 255, 0.8);
18
+
}
19
+
20
+
&:focus {
21
+
22
+
+ small {
23
+
opacity: 0.7;
24
+
}
25
+
}
26
+
}
27
+
28
+
&:not(:only-of-type) input {
29
+
text-align: center;
30
+
}
31
+
32
+
small {
33
+
display: block;
34
+
margin-top: 5px;
35
+
font-size: 9px;
36
+
font-weight: 500;
37
+
line-height: normal;
38
+
text-align: center;
39
+
text-transform: uppercase;
40
+
opacity: 0.45;
41
+
overflow-wrap: anywhere;
42
+
}
43
+
}
44
+
45
+
.ct-link-unlink-toggle {
46
+
display: flex;
47
+
align-items: center;
48
+
justify-content: center;
49
+
height: 100%;
50
+
cursor: pointer;
51
+
color: inherit;
52
+
transition: color 0.1s ease;
53
+
54
+
&:hover {
55
+
color: var(--ui-accent-color);
56
+
}
57
+
}
58
+
}
59
+
60
+
// align option heading when spacing option is inline
61
+
.ct-option-spacing-wrapper[data-design="inline"] {
62
+
padding-bottom: 16px; // small -> height 11px + margin-top 5px
63
+
64
+
.ct-option-spacing > span {
65
+
position: relative;
66
+
67
+
small {
68
+
position: absolute;
69
+
inset-inline: 0;
70
+
top: var(--input-height, 30px);
71
+
}
72
+
}
73
+
}