Diff: STRATO-apps/wordpress_03/app/wp-content/plugins/code-snippets/css/edit/_sidebar.scss
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
@use '../common/theme';
2
+
3
+
.code-snippets-modal {
4
+
p h4 {
5
+
margin-block-start: 0;
6
+
}
7
+
}
8
+
9
+
.snippet-editor-sidebar {
10
+
.button-large {
11
+
block-size: 48px;
12
+
}
13
+
14
+
.row-actions {
15
+
display: flex;
16
+
17
+
.button {
18
+
background: none;
19
+
border: none;
20
+
}
21
+
}
22
+
23
+
.delete-button {
24
+
color: #cc1818;
25
+
26
+
&:hover {
27
+
color: #9e1313;
28
+
}
29
+
30
+
&:focus {
31
+
color: #710d0d;
32
+
border-color: #710d0d;
33
+
}
34
+
}
35
+
36
+
.help-tooltip {
37
+
margin-block: 0;
38
+
margin-inline: 5px auto;
39
+
}
40
+
41
+
.box {
42
+
background-color: #fff;
43
+
border: 1px solid #ccc;
44
+
border-radius: 4px;
45
+
padding: 1.5em;
46
+
display: flex;
47
+
flex-flow: column;
48
+
gap: 1em;
49
+
50
+
h4 {
51
+
margin-block: 0.5em;
52
+
margin-inline: 0;
53
+
}
54
+
55
+
.inline-form-field {
56
+
display: flex;
57
+
flex-flow: row wrap;
58
+
align-items: center;
59
+
gap: 5px;
60
+
61
+
> :last-child {
62
+
margin-inline-start: auto;
63
+
}
64
+
}
65
+
66
+
.block-form-field {
67
+
display: flex;
68
+
flex-flow: column;
69
+
gap: 4px;
70
+
71
+
h4 {
72
+
margin-block-end: 0;
73
+
}
74
+
}
75
+
}
76
+
77
+
h4 .badge {
78
+
float: inline-end;
79
+
80
+
+ .badge {
81
+
margin-inline-end: 5px;
82
+
}
83
+
}
84
+
85
+
.beta-badge {
86
+
color: theme.$accent;
87
+
border: 1px solid currentcolor;
88
+
}
89
+
90
+
.components-form-token-field {
91
+
inline-size: 100%;
92
+
}
93
+
94
+
.generate-button {
95
+
margin-inline-start: auto;
96
+
}
97
+
}
98
+
99
+
.snippet-priority input {
100
+
inline-size: 4em;
101
+
}
102
+
103
+
p.submit {
104
+
display: flex;
105
+
flex-flow: column;
106
+
gap: 8px;
107
+
margin-block-start: 17px;
108
+
padding-block-start: 0;
109
+
}
110
+
111
+
.activation-switch-container label {
112
+
display: flex;
113
+
flex-flow: row;
114
+
gap: 5px;
115
+
justify-content: center;
116
+
}
117
+
118
+
.shortcode-tag-wrapper {
119
+
background: #fff;
120
+
min-block-size: 54px;
121
+
display: flex;
122
+
align-items: center;
123
+
justify-content: space-between;
124
+
padding: 10px;
125
+
box-sizing: border-box;
126
+
127
+
code {
128
+
background: transparent;
129
+
padding-inline: 0.5em;
130
+
text-indent: -0.5em;
131
+
}
132
+
}
133
+
134
+
.code-snippets-copy-text.button {
135
+
display: flex;
136
+
align-items: center;
137
+
gap: 3px;
138
+
139
+
.dashicons {
140
+
block-size: 18px;
141
+
inline-size: 18px;
142
+
font-size: 18px;
143
+
}
144
+
145
+
.spinner-wrapper {
146
+
block-size: 18px;
147
+
inline-size: 18px;
148
+
display: flex;
149
+
align-items: center;
150
+
}
151
+
152
+
.components-spinner {
153
+
block-size: 12px;
154
+
}
155
+
}
156
+