Diff: STRATO-apps/wordpress_03/app/wp-content/themes/blocksy/static/sass/frontend/2-basics/reset.scss
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
html {
2
+
-webkit-text-size-adjust: 100%;
3
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
4
+
scroll-behavior: smooth;
5
+
}
6
+
7
+
body {
8
+
overflow-x: hidden;
9
+
overflow-wrap: break-word;
10
+
-moz-osx-font-smoothing: grayscale;
11
+
-webkit-font-smoothing: antialiased;
12
+
}
13
+
14
+
*,
15
+
*::before,
16
+
*::after {
17
+
box-sizing: border-box;
18
+
}
19
+
20
+
body,
21
+
p,
22
+
h1,
23
+
h2,
24
+
h3,
25
+
h4,
26
+
h5,
27
+
h6,
28
+
em,
29
+
ol,
30
+
ul,
31
+
li,
32
+
tr,
33
+
th,
34
+
td,
35
+
dl,
36
+
ins,
37
+
sub,
38
+
sup,
39
+
big,
40
+
cite,
41
+
form,
42
+
small,
43
+
label,
44
+
table,
45
+
figure,
46
+
button,
47
+
legend,
48
+
strike,
49
+
address,
50
+
caption,
51
+
fieldset,
52
+
blockquote {
53
+
margin: 0;
54
+
padding: 0;
55
+
border: none;
56
+
57
+
font: inherit;
58
+
// font-size: inherit;
59
+
// text-align: inherit; // causes problems on buttons without type
60
+
// line-height: inherit;
61
+
}
62
+
63
+
64
+
input,
65
+
select,
66
+
textarea {
67
+
margin: 0;
68
+
}
69
+
70
+
b,
71
+
strong {
72
+
font-weight: bold;
73
+
}
74
+
75
+
em {
76
+
font-style: italic;
77
+
}
78
+
79
+
small {
80
+
font-size: 80%;
81
+
}
82
+
83
+
ins,
84
+
mark {
85
+
color: inherit;
86
+
text-decoration: none;
87
+
background: transparent;
88
+
}
89
+
90
+
del {
91
+
opacity: 0.5;
92
+
}
93
+
94
+
sup,
95
+
sub {
96
+
font-size: 75%;
97
+
line-height: 0;
98
+
position: relative;
99
+
vertical-align: baseline;
100
+
}
101
+
102
+
sup {
103
+
top: -0.5em;
104
+
}
105
+
106
+
sub {
107
+
bottom: -0.25em;
108
+
}
109
+
110
+
hr {
111
+
height: 1px;
112
+
border: none;
113
+
}
114
+
115
+
a {
116
+
transition: var(--theme-transition);
117
+
}
118
+
119
+
// focus
120
+
a,
121
+
button {
122
+
&:focus {
123
+
transition: none;
124
+
outline-width: 0;
125
+
}
126
+
127
+
&:focus-visible {
128
+
outline-width: 2px;
129
+
outline-offset: var(--outline-offset, 3px);
130
+
outline-color: var(--theme-palette-color-2);
131
+
}
132
+
}
133
+
134
+
// Media -------------------------------------
135
+
img {
136
+
height: auto;
137
+
max-width: 100%;
138
+
vertical-align: middle;
139
+
}
140
+
141
+
142
+
figure,
143
+
textarea {
144
+
display: block;
145
+
}
146
+
147
+
audio,
148
+
canvas,
149
+
progress,
150
+
video {
151
+
display: inline-block;
152
+
}
153
+
154
+
embed,
155
+
iframe,
156
+
object,
157
+
video {
158
+
max-width: 100%;
159
+
}
160
+
161
+
// svg > * {
162
+
// transition: none;
163
+
// }
164
+
165
+
// Code --------------------------------------
166
+
code,
167
+
kbd,
168
+
samp {
169
+
padding: 3px 6px;
170
+
}
171
+
172
+
pre,
173
+
code,
174
+
samp,
175
+
kbd {
176
+
tab-size: 4;
177
+
border-radius: 3px;
178
+
background: var(--theme-palette-color-6);
179
+
180
+
&:focus {
181
+
outline: none;
182
+
}
183
+
}
184
+
185
+
pre {
186
+
overflow: auto;
187
+
padding: 15px 20px;
188
+
189
+
code {
190
+
padding: 0;
191
+
background: transparent;
192
+
}
193
+
}
194
+
195
+
// Tables ------------------------------------
196
+
table {
197
+
border-collapse: collapse;
198
+
border-spacing: 0;
199
+
empty-cells: show;
200
+
width: 100%;
201
+
max-width: 100%;
202
+
}
203
+
204
+
table,
205
+
th,
206
+
td {
207
+
font-size: var(--theme-table-font-size);
208
+
border-width: var(--theme-table-border-width, 1px);
209
+
border-style: var(--theme-table-border-style, solid);
210
+
border-color: var(--theme-table-border-color, var(--theme-border-color));
211
+
}
212
+
213
+
th,
214
+
td {
215
+
padding: var(--theme-table-padding, 0.7em 1em);
216
+
}
217
+
218
+
th {
219
+
font-weight: 600;
220
+
}
221
+
222
+
caption {
223
+
font-weight: 600;
224
+
padding: 0.7rem;
225
+
}
226
+
227
+
// Definition List ---------------------------
228
+
dl {
229
+
--theme-description-list-indent: 1.5em;
230
+
--theme-description-list-spacing: 0.5em;
231
+
232
+
> *:last-child {
233
+
margin-bottom: 0;
234
+
}
235
+
}
236
+
237
+
dt {
238
+
font-weight: 600;
239
+
}
240
+
241
+
dd {
242
+
margin-top: calc(var(--theme-description-list-spacing) / 2);
243
+
margin-left: var(--theme-description-list-indent);
244
+
margin-bottom: calc(var(--theme-description-list-spacing) * 2);
245
+
246
+
p {
247
+
--theme-content-spacing: var(--theme-description-list-spacing);
248
+
249
+
&:last-child {
250
+
margin-bottom: 0;
251
+
}
252
+
}
253
+
}