@intergrav/dev.css 2.0.4 → 2.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dev.css +19 -23
- package/package.json +1 -1
package/dev.css
CHANGED
|
@@ -184,7 +184,7 @@ blockquote *:last-child {
|
|
|
184
184
|
margin-bottom: 0;
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
-
@media (max-width:
|
|
187
|
+
@media (max-width: calc(-1px + (750px + 4rem) + ((250px + 2rem)*2))) {
|
|
188
188
|
header {
|
|
189
189
|
background: var(--dc-bg-2);
|
|
190
190
|
border-bottom: 1px solid var(--dc-bg-3);
|
|
@@ -238,36 +238,42 @@ blockquote *:last-child {
|
|
|
238
238
|
margin-top: 0rem;
|
|
239
239
|
margin-bottom: 0rem;
|
|
240
240
|
}
|
|
241
|
+
|
|
242
|
+
header > *:first-child {
|
|
243
|
+
margin-top: 0;
|
|
244
|
+
padding-top: 0;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
header > *:last-child {
|
|
248
|
+
margin-bottom: 0;
|
|
249
|
+
padding-bottom: 0;
|
|
250
|
+
}
|
|
241
251
|
}
|
|
242
252
|
|
|
243
|
-
@media (min-width:
|
|
253
|
+
@media (min-width: calc((750px + 4rem) + ((250px + 2rem)*2))) {
|
|
244
254
|
header {
|
|
245
|
-
|
|
246
|
-
padding:
|
|
255
|
+
padding: 2rem;
|
|
256
|
+
padding-right: 0;
|
|
247
257
|
margin: 0;
|
|
248
258
|
position: fixed;
|
|
249
259
|
top: 0;
|
|
250
|
-
left: calc(50% -
|
|
251
|
-
width:
|
|
260
|
+
left: calc(50% - ((750px + 4rem) / 2) - (250px + 2rem));
|
|
261
|
+
width: 250px;
|
|
252
262
|
height: 100%;
|
|
253
263
|
}
|
|
254
264
|
|
|
255
265
|
header nav {
|
|
256
266
|
display: flex;
|
|
257
267
|
flex-direction: column;
|
|
268
|
+
border-top: 1px solid var(--dc-bg-3);
|
|
269
|
+
padding-top: 1rem;
|
|
270
|
+
margin-top: 0.5rem;
|
|
258
271
|
}
|
|
259
272
|
|
|
260
273
|
header nav a::before {
|
|
261
274
|
content: "• ";
|
|
262
275
|
color: var(--dc-tx-2);
|
|
263
276
|
}
|
|
264
|
-
|
|
265
|
-
header * {
|
|
266
|
-
padding-top: 0.25rem;
|
|
267
|
-
padding-bottom: 0.25rem;
|
|
268
|
-
margin-top: 0rem;
|
|
269
|
-
margin-bottom: 0rem;
|
|
270
|
-
}
|
|
271
277
|
}
|
|
272
278
|
|
|
273
279
|
header h1,
|
|
@@ -279,16 +285,6 @@ header h6 {
|
|
|
279
285
|
border-bottom: 0;
|
|
280
286
|
}
|
|
281
287
|
|
|
282
|
-
header > *:first-child {
|
|
283
|
-
margin-top: 0;
|
|
284
|
-
padding-top: 0;
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
header > *:last-child {
|
|
288
|
-
margin-bottom: 0;
|
|
289
|
-
padding-bottom: 0;
|
|
290
|
-
}
|
|
291
|
-
|
|
292
288
|
a button,
|
|
293
289
|
button,
|
|
294
290
|
input[type="submit"],
|
package/package.json
CHANGED