Diff: STRATO-apps/wordpress_03/app/wp-content/themes/blocksy/static/sass/backend/options/revert.scss
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
.ct-revert {
2
+
display: flex;
3
+
align-items: center;
4
+
justify-content: center;
5
+
position: absolute;
6
+
pointer-events: auto;
7
+
top: var(--revert-button-top, calc(50% - var(--revert-button-size, 15px) / 2 - 1px));
8
+
inset-inline-start: calc(var(--revert-button-offset, 20px) * -1);
9
+
width: var(--revert-button-size, 15px);
10
+
height: var(--revert-button-size, 15px);
11
+
padding: 0;
12
+
border: none;
13
+
color: var(--ui-accent-color);
14
+
background: transparent;
15
+
-webkit-font-smoothing: antialiased;
16
+
17
+
&:focus {
18
+
outline: none;
19
+
}
20
+
21
+
svg {
22
+
width: var(--revert-icon-size, 10px);
23
+
height: var(--revert-icon-size, 10px);
24
+
25
+
path,
26
+
polygon {
27
+
opacity: 0;
28
+
transform-origin: center;
29
+
transition: opacity 0.15s ease,
30
+
transform 0.15s ease;
31
+
}
32
+
33
+
path {
34
+
transform: scale(1.0);
35
+
}
36
+
37
+
polygon {
38
+
transform: scale(0.5);
39
+
}
40
+
}
41
+
42
+
&:not([disabled]) {
43
+
cursor: pointer;
44
+
45
+
svg {
46
+
path {
47
+
opacity: 1;
48
+
}
49
+
}
50
+
51
+
&:hover {
52
+
53
+
svg {
54
+
path {
55
+
opacity: 0;
56
+
transform: scale(0.5);
57
+
}
58
+
59
+
polygon {
60
+
opacity: 1;
61
+
transform: scale(1.0);
62
+
}
63
+
}
64
+
}
65
+
}
66
+
}
67
+
68
+
// revert button when no label
69
+
[data-label="no"] .ct-revert {
70
+
--revert-button-top: calc(100% + 7px);
71
+
}
72
+
73
+
74
+
// revert button in different locations
75
+
.ct-layer-content .ct-revert {
76
+
--revert-icon-size: 8px;
77
+
--revert-button-offset: 16px;
78
+
}