Fossil SCM

Extended [4772a9b2ccbb4c3c] to include less-common inline monospace tag types: var, samp, and kbd. Because this creates a nice and big combinatorial selector explosion, moved the explanation for this type of thing up from the "@media screen" handling of pre to this point, then referenced it from these places. Switched from SCSS to Sass syntax to make the examples clearer. This CSS is in fact generated from these samples, then hand-tweaked for clarity.

wyoung 2024-02-10 04:42 inskinerator-modern-backport
Commit cb038b48c0624cbd020786c82e0c0d0fda354cefcff895447a92259d8e58f2d0
Parent 17a6417606c570f…
1 file changed +153 -80
~ skins/default/css.txt
M skins/default/css.txt
+153 -80
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -223,41 +223,111 @@
223223
 .doc > .content table
224224
 {
225225
 line-height: 1.4em;
226226
 }
227227
228
+/* Mark inline code fragments in the near-universal manner pioneered by
229
+ * Stack Overflow, then picked up by approximately everyone, including
230
+ * us, now.
231
+ *
232
+ * This combinatoric selector explosion results from a need to apply
233
+ * these stylings inside multiple page container types, multiplied by
234
+ * the surprisingly large number of tags HTML defines for semantically
235
+ * differentiated monospaced inline markup. If we do not target the
236
+ * elements we want to affect carefully, we'll end up overreaching,
237
+ * styling Fossil UI elements that use these tags for local purposes.
238
+ *
239
+ * HTML generated and emitted by Fossil UI does not always fall under
240
+ * the skin's generic rules; we must avoid intruding on its domain.
241
+ * Our limited intent here is to style user content only, where it is
242
+ * unreasonable to expect its author to take the time to hand-craft
243
+ * per-document styling. Contrast Fossil UI, which often does exactly
244
+ * that in order to get particular results.
245
+ *
246
+ * The equivalent Sass syntax is far more compact, thus clearer:
247
+ *
248
+ * .artifact, .dir, .doc, .wiki // the page types we target
249
+ * > .content // hands off header & footer
250
+ * &, > .fossil-doc, > .markdown // wiki, HTML & MD emb docs
251
+ * > p // inline elements only
252
+ * > code, > kbd, > samp, > tt, > var // monospaced tag types
253
+ * background-color: #eee // pale gray box that…
254
+ * padding: 0 4px // …extends around the sides
255
+ *
256
+ * We generated the CSS below by:
257
+ *
258
+ * $ sassc code.sass | sed -e 's/, /,\n/g'
259
+ *
260
+ * …then hand-cleansed it to make it _somewhat_ more understandable.
261
+ */
262
+.artifact > .content > p > code,
263
+.artifact > .content > p > kbd,
264
+.artifact > .content > p > samp,
265
+.artifact > .content > p > tt,
266
+.artifact > .content > p > var,
267
+.artifact > .content > .fossil-doc > p > code,
268
+.artifact > .content > .fossil-doc > p > kbd,
269
+.artifact > .content > .fossil-doc > p > samp,
270
+.artifact > .content > .fossil-doc > p > tt,
271
+.artifact > .content > .fossil-doc > p > var,
272
+.artifact > .content > .markdown > p > code,
273
+.artifact > .content > .markdown > p > kbd,
274
+.artifact > .content > .markdown > p > samp,
275
+.artifact > .content > .markdown > p > tt,
276
+.artifact > .content > .markdown > p > var,
277
+.dir > .content > p > code,
278
+.dir > .content > p > kbd,
279
+.dir > .content > p > samp,
280
+.dir > .content > p > tt,
281
+.dir > .content > p > var,
282
+.dir > .content > .fossil-doc > p > code,
283
+.dir > .content > .fossil-doc > p > kbd,
284
+.dir > .content > .fossil-doc > p > samp,
285
+.dir > .content > .fossil-doc > p > tt,
286
+.dir > .content > .fossil-doc > p > var,
287
+.dir > .content > .markdown > p > code,
288
+.dir > .content > .markdown > p > kbd,
289
+.dir > .content > .markdown > p > samp,
290
+.dir > .content > .markdown > p > tt,
291
+.dir > .content > .markdown > p > var,
292
+.doc > .content > p > code,
293
+.doc > .content > p > kbd,
294
+.doc > .content > p > samp,
295
+.doc > .content > p > tt,
296
+.doc > .content > p > var,
297
+.doc > .content > .fossil-doc > p > code,
298
+.doc > .content > .fossil-doc > p > kbd,
299
+.doc > .content > .fossil-doc > p > samp,
300
+.doc > .content > .fossil-doc > p > tt,
301
+.doc > .content > .fossil-doc > p > var,
302
+.doc > .content > .markdown > p > code,
303
+.doc > .content > .markdown > p > kbd,
304
+.doc > .content > .markdown > p > samp,
305
+.doc > .content > .markdown > p > tt,
306
+.doc > .content > .markdown > p > var,
307
+.wiki > .content > p > code,
308
+.wiki > .content > p > kbd,
309
+.wiki > .content > p > samp,
310
+.wiki > .content > p > tt,
311
+.wiki > .content > p > var,
312
+.wiki > .content > .fossil-doc > p > code,
313
+.wiki > .content > .fossil-doc > p > kbd,
314
+.wiki > .content > .fossil-doc > p > samp,
315
+.wiki > .content > .fossil-doc > p > tt,
316
+.wiki > .content > .fossil-doc > p > var,
317
+.wiki > .content > .markdown > p > code,
318
+.wiki > .content > .markdown > p > kbd,
319
+.wiki > .content > .markdown > p > samp,
320
+.wiki > .content > .markdown > p > tt,
321
+.wiki > .content > .markdown > p > var {
322
+ background-color: #eee;
323
+ padding: 0 4px;
324
+}
228325
 .content pre {
229326
 hyphens: none;
230327
 line-height: 1.25;
231328
 }
232
-.artifact > .content > p > code,
233
-.artifact > .content > p > tt,
234
-.artifact > .content > .fossil-doc > p > code,
235
-.artifact > .content > .fossil-doc > p > tt,
236
-.artifact > .content > .markdown > p > code,
237
-.artifact > .content > .markdown > p > tt,
238
-.dir > .content > p > code,
239
-.dir > .content > p > tt,
240
-.dir > .content > .fossil-doc > p > code,
241
-.dir > .content > .fossil-doc > p > tt,
242
-.dir > .content > .markdown > p > code,
243
-.dir > .content > .markdown > p > tt,
244
-.doc > .content > p > code,
245
-.doc > .content > p > tt,
246
-.doc > .content > .fossil-doc > p > code,
247
-.doc > .content > .fossil-doc > p > tt,
248
-.doc > .content > .markdown > p > code,
249
-.doc > .content > .markdown > p > tt,
250
-.wiki > .content > p > code,
251
-.wiki > .content > p > tt,
252
-.wiki > .content > .fossil-doc > p > code,
253
-.wiki > .content > .fossil-doc > p > tt,
254
-.wiki > .content > .markdown > p > code,
255
-.wiki > .content > .markdown > p > tt {
256
- background-color: #eee;
257
- padding: 0 4px;
258
-}
259329
260330
 .content .pikchr-wrapper {
261331
 /* Pikchr was developed with the assumption that it would be
262332
 * integrated into a Fossil repo using the old 0.9em body font
263333
 * size, which no longer obtians. This gives us a choice:
@@ -460,17 +530,22 @@
460530
 }
461531
 .mainmenu {
462532
 padding: 10px;
463533
 }
464534
465
- /* This horror-show selector explosion lets us avoid applying indents
466
- * to Fossil UI generated pages, nested formatting in forum posts, p
467
- * within td cells, etc. It's easier to understand what this actually
468
- * *says* by studying the override/modern/media.scss input file from
469
- * the [Inskinerator](https://tangentsoft.com/inskinerator/) project.
470
- * We generated the mess below from that, then sent it through a hand
471
- * polishing pass. The tool's _raw_ output is even worse. */
535
+ /* This horror show has the same cause that informed our handling of
536
+ * <code> and friends above; see "combinatorial selector explosion."
537
+ * Without this careful targeting, we'd not only overreach into areas
538
+ * of Fossil UI where our meddling is not wanted, we would mistakenly
539
+ * apply double indents to nested formatting in MD forum posts, p
540
+ * within td tags, and more.
541
+ *
542
+ * Rather than give the equivalent Sass code here, see the SCSS file
543
+ * that the [Inskinerator](https://tangentsoft.com/inskinerator/)
544
+ * project ships as override/modern/media.scss. Rendering that
545
+ * through sassc gives substantially identical output, modulo the
546
+ * hand-polishing we've done here. */
472547
 .artifact > .content > p,
473548
 .artifact > .content > .markdown > p,
474549
 .artifact > .content > .fossil-doc > p,
475550
 .artifact > .content > ol, .artifact > .content > ul,
476551
 .artifact > .content > .markdown > ol, .artifact > .content > .markdown > ul,
@@ -523,60 +598,58 @@
523598
 #wikiedit-tab-preview-wrapper > .markdown > table {
524599
 margin-left: 50pt;
525600
 margin-right: 50pt;
526601
 }
527602
528
- /* Code blocks and such get extra indent. We need a selector explosion
529
- * equally powerful to the above because Fossil UI *does* use <pre>,
530
- * and we want this to apply to user content only.
531
- *
532
- * It's easier to see what's going on here: four types of top-level
533
- * body class for /file, /dir, /doc and /wiki times three flavors of
534
- * embedded doc type (plain HTML, wiki, and MD) equals 12 selectors,
535
- * plus another 4 to account for the two supported types of markup
536
- * preview in /fileedit and /wikiedit. In SCSS form, this is simply:
537
- *
538
- * .artifact, .dir, .doc, .wiki {
539
- * > .content {
540
- * &, > .markdown, > .fossil-doc {
541
- * > pre {
542
- * @import 'margins.scss';
543
- * }
544
- * }
545
- * }
546
- * }
547
- * #fileedit-tab-preview-wrapper,
548
- * #wikiedit-tab-preview-wrapper {
549
- * &, > .markdown {
550
- * > pre {
551
- * @import 'margins.scss';
552
- * }
553
- * }
554
- * }
555
- *
556
- * …where margins.scss contains the common definitions for both blocks.
603
+ /* Code blocks get extra indenting. We need a selector explosion
604
+ * equally powerful to the one above for inline <code> fragments and
605
+ * similar elements, for essentially the same reason: Fossil UI also
606
+ * uses <pre>, and we want to affect user content only.
607
+ *
608
+ * The equivalent Sass code is:
609
+ *
610
+ * .artifact, .dir, .doc, .wiki // doc types we target
611
+ * > .content // hands off header & footer
612
+ * @import 'pre-doc-margins.sass'
613
+ *
614
+ * #fileedit-tab-preview-wrapper, // include /fileedit previews
615
+ * #wikiedit-tab-preview-wrapper // ditto /wikiedit
616
+ * @import 'pre-doc-margins.sass'
617
+ *
618
+ * …where pre-doc-margins.sass contains the elements common to both:
619
+ *
620
+ * &, > .fossil-doc, > .markdown // wiki, HTML & MD doc types
621
+ * > pre // direct pre descendants only
622
+ * margin-left: 70pt;
623
+ * margin-right: 50pt;
624
+ *
625
+ * This is a technical overreach since /wiki & /wikiedit lack support
626
+ * for Fossil's HTML embedded doc markup capability, but we prefer to
627
+ * draw the /fileedit parallel in our Sass example over the dubious
628
+ * pleasure of being nit-picky on this point. Instead, we've chosen
629
+ * to back that overreach out by hand below.
557630
 */
558
- .artifact > .content > pre,
559
- .artifact > .content > .markdown > pre,
631
+ .artifact > .content > pre,
560632
 .artifact > .content > .fossil-doc > pre,
561
- .dir > .content > pre,
562
- .dir > .content > .markdown > pre,
563
- .dir > .content > .fossil-doc > pre,
564
- .doc > .content > pre,
565
- .doc > .content > .markdown > pre,
566
- .doc > .content > .fossil-doc > pre,
567
- .wiki > .content > pre,
568
- .wiki > .content > .markdown > pre,
569
- .wiki > .content > .fossil-doc > pre {
570
- margin-left: 70pt;
633
+ .artifact > .content > .markdown > pre,
634
+ .dir > .content > pre,
635
+ .dir > .content > .fossil-doc > pre,
636
+ .dir > .content > .markdown > pre,
637
+ .doc > .content > pre,
638
+ .doc > .content > .fossil-doc > pre,
639
+ .doc > .content > .markdown > pre,
640
+ .wiki > .content > pre,
641
+ .wiki > .content > .markdown > pre {
642
+ margin-left: 70pt;
571643
 margin-right: 50pt;
572644
 }
573
- #fileedit-tab-preview-wrapper > pre,
574
- #fileedit-tab-preview-wrapper > .markdown > pre,
575
- #wikiedit-tab-preview-wrapper > pre,
576
- #wikiedit-tab-preview-wrapper > .markdown > pre {
577
- margin-left: 70pt;
645
+ #fileedit-tab-preview-wrapper > pre,
646
+ #wikiedit-tab-preview-wrapper > pre,
647
+ #fileedit-tab-preview-wrapper > .fossil-doc > pre,
648
+ #fileedit-tab-preview-wrapper > .markdown > pre,
649
+ #wikiedit-tab-preview-wrapper > .markdown > pre {
650
+ margin-left: 70pt;
578651
 margin-right: 50pt;
579652
 }
580653
581654
 /* Fossil UI uses these, but in sufficiently constrained ways that we
582655
 * don't have to be nearly as careful to avoid an overreach. */
583656
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -223,41 +223,111 @@
223 .doc > .content table
224 {
225 line-height: 1.4em;
226 }
227
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
228 .content pre {
229 hyphens: none;
230 line-height: 1.25;
231 }
232 .artifact > .content > p > code,
233 .artifact > .content > p > tt,
234 .artifact > .content > .fossil-doc > p > code,
235 .artifact > .content > .fossil-doc > p > tt,
236 .artifact > .content > .markdown > p > code,
237 .artifact > .content > .markdown > p > tt,
238 .dir > .content > p > code,
239 .dir > .content > p > tt,
240 .dir > .content > .fossil-doc > p > code,
241 .dir > .content > .fossil-doc > p > tt,
242 .dir > .content > .markdown > p > code,
243 .dir > .content > .markdown > p > tt,
244 .doc > .content > p > code,
245 .doc > .content > p > tt,
246 .doc > .content > .fossil-doc > p > code,
247 .doc > .content > .fossil-doc > p > tt,
248 .doc > .content > .markdown > p > code,
249 .doc > .content > .markdown > p > tt,
250 .wiki > .content > p > code,
251 .wiki > .content > p > tt,
252 .wiki > .content > .fossil-doc > p > code,
253 .wiki > .content > .fossil-doc > p > tt,
254 .wiki > .content > .markdown > p > code,
255 .wiki > .content > .markdown > p > tt {
256 background-color: #eee;
257 padding: 0 4px;
258 }
259
260 .content .pikchr-wrapper {
261 /* Pikchr was developed with the assumption that it would be
262 * integrated into a Fossil repo using the old 0.9em body font
263 * size, which no longer obtians. This gives us a choice:
@@ -460,17 +530,22 @@
460 }
461 .mainmenu {
462 padding: 10px;
463 }
464
465 /* This horror-show selector explosion lets us avoid applying indents
466 * to Fossil UI generated pages, nested formatting in forum posts, p
467 * within td cells, etc. It's easier to understand what this actually
468 * *says* by studying the override/modern/media.scss input file from
469 * the [Inskinerator](https://tangentsoft.com/inskinerator/) project.
470 * We generated the mess below from that, then sent it through a hand
471 * polishing pass. The tool's _raw_ output is even worse. */
 
 
 
 
 
472 .artifact > .content > p,
473 .artifact > .content > .markdown > p,
474 .artifact > .content > .fossil-doc > p,
475 .artifact > .content > ol, .artifact > .content > ul,
476 .artifact > .content > .markdown > ol, .artifact > .content > .markdown > ul,
@@ -523,60 +598,58 @@
523 #wikiedit-tab-preview-wrapper > .markdown > table {
524 margin-left: 50pt;
525 margin-right: 50pt;
526 }
527
528 /* Code blocks and such get extra indent. We need a selector explosion
529 * equally powerful to the above because Fossil UI *does* use <pre>,
530 * and we want this to apply to user content only.
531 *
532 * It's easier to see what's going on here: four types of top-level
533 * body class for /file, /dir, /doc and /wiki times three flavors of
534 * embedded doc type (plain HTML, wiki, and MD) equals 12 selectors,
535 * plus another 4 to account for the two supported types of markup
536 * preview in /fileedit and /wikiedit. In SCSS form, this is simply:
537 *
538 * .artifact, .dir, .doc, .wiki {
539 * > .content {
540 * &, > .markdown, > .fossil-doc {
541 * > pre {
542 * @import 'margins.scss';
543 * }
544 * }
545 * }
546 * }
547 * #fileedit-tab-preview-wrapper,
548 * #wikiedit-tab-preview-wrapper {
549 * &, > .markdown {
550 * > pre {
551 * @import 'margins.scss';
552 * }
553 * }
554 * }
555 *
556 * …where margins.scss contains the common definitions for both blocks.
557 */
558 .artifact > .content > pre,
559 .artifact > .content > .markdown > pre,
560 .artifact > .content > .fossil-doc > pre,
561 .dir > .content > pre,
562 .dir > .content > .markdown > pre,
563 .dir > .content > .fossil-doc > pre,
564 .doc > .content > pre,
565 .doc > .content > .markdown > pre,
566 .doc > .content > .fossil-doc > pre,
567 .wiki > .content > pre,
568 .wiki > .content > .markdown > pre,
569 .wiki > .content > .fossil-doc > pre {
570 margin-left: 70pt;
571 margin-right: 50pt;
572 }
573 #fileedit-tab-preview-wrapper > pre,
574 #fileedit-tab-preview-wrapper > .markdown > pre,
575 #wikiedit-tab-preview-wrapper > pre,
576 #wikiedit-tab-preview-wrapper > .markdown > pre {
577 margin-left: 70pt;
 
578 margin-right: 50pt;
579 }
580
581 /* Fossil UI uses these, but in sufficiently constrained ways that we
582 * don't have to be nearly as careful to avoid an overreach. */
583
--- skins/default/css.txt
+++ skins/default/css.txt
@@ -223,41 +223,111 @@
223 .doc > .content table
224 {
225 line-height: 1.4em;
226 }
227
228 /* Mark inline code fragments in the near-universal manner pioneered by
229 * Stack Overflow, then picked up by approximately everyone, including
230 * us, now.
231 *
232 * This combinatoric selector explosion results from a need to apply
233 * these stylings inside multiple page container types, multiplied by
234 * the surprisingly large number of tags HTML defines for semantically
235 * differentiated monospaced inline markup. If we do not target the
236 * elements we want to affect carefully, we'll end up overreaching,
237 * styling Fossil UI elements that use these tags for local purposes.
238 *
239 * HTML generated and emitted by Fossil UI does not always fall under
240 * the skin's generic rules; we must avoid intruding on its domain.
241 * Our limited intent here is to style user content only, where it is
242 * unreasonable to expect its author to take the time to hand-craft
243 * per-document styling. Contrast Fossil UI, which often does exactly
244 * that in order to get particular results.
245 *
246 * The equivalent Sass syntax is far more compact, thus clearer:
247 *
248 * .artifact, .dir, .doc, .wiki // the page types we target
249 * > .content // hands off header & footer
250 * &, > .fossil-doc, > .markdown // wiki, HTML & MD emb docs
251 * > p // inline elements only
252 * > code, > kbd, > samp, > tt, > var // monospaced tag types
253 * background-color: #eee // pale gray box that…
254 * padding: 0 4px // …extends around the sides
255 *
256 * We generated the CSS below by:
257 *
258 * $ sassc code.sass | sed -e 's/, /,\n/g'
259 *
260 * …then hand-cleansed it to make it _somewhat_ more understandable.
261 */
262 .artifact > .content > p > code,
263 .artifact > .content > p > kbd,
264 .artifact > .content > p > samp,
265 .artifact > .content > p > tt,
266 .artifact > .content > p > var,
267 .artifact > .content > .fossil-doc > p > code,
268 .artifact > .content > .fossil-doc > p > kbd,
269 .artifact > .content > .fossil-doc > p > samp,
270 .artifact > .content > .fossil-doc > p > tt,
271 .artifact > .content > .fossil-doc > p > var,
272 .artifact > .content > .markdown > p > code,
273 .artifact > .content > .markdown > p > kbd,
274 .artifact > .content > .markdown > p > samp,
275 .artifact > .content > .markdown > p > tt,
276 .artifact > .content > .markdown > p > var,
277 .dir > .content > p > code,
278 .dir > .content > p > kbd,
279 .dir > .content > p > samp,
280 .dir > .content > p > tt,
281 .dir > .content > p > var,
282 .dir > .content > .fossil-doc > p > code,
283 .dir > .content > .fossil-doc > p > kbd,
284 .dir > .content > .fossil-doc > p > samp,
285 .dir > .content > .fossil-doc > p > tt,
286 .dir > .content > .fossil-doc > p > var,
287 .dir > .content > .markdown > p > code,
288 .dir > .content > .markdown > p > kbd,
289 .dir > .content > .markdown > p > samp,
290 .dir > .content > .markdown > p > tt,
291 .dir > .content > .markdown > p > var,
292 .doc > .content > p > code,
293 .doc > .content > p > kbd,
294 .doc > .content > p > samp,
295 .doc > .content > p > tt,
296 .doc > .content > p > var,
297 .doc > .content > .fossil-doc > p > code,
298 .doc > .content > .fossil-doc > p > kbd,
299 .doc > .content > .fossil-doc > p > samp,
300 .doc > .content > .fossil-doc > p > tt,
301 .doc > .content > .fossil-doc > p > var,
302 .doc > .content > .markdown > p > code,
303 .doc > .content > .markdown > p > kbd,
304 .doc > .content > .markdown > p > samp,
305 .doc > .content > .markdown > p > tt,
306 .doc > .content > .markdown > p > var,
307 .wiki > .content > p > code,
308 .wiki > .content > p > kbd,
309 .wiki > .content > p > samp,
310 .wiki > .content > p > tt,
311 .wiki > .content > p > var,
312 .wiki > .content > .fossil-doc > p > code,
313 .wiki > .content > .fossil-doc > p > kbd,
314 .wiki > .content > .fossil-doc > p > samp,
315 .wiki > .content > .fossil-doc > p > tt,
316 .wiki > .content > .fossil-doc > p > var,
317 .wiki > .content > .markdown > p > code,
318 .wiki > .content > .markdown > p > kbd,
319 .wiki > .content > .markdown > p > samp,
320 .wiki > .content > .markdown > p > tt,
321 .wiki > .content > .markdown > p > var {
322 background-color: #eee;
323 padding: 0 4px;
324 }
325 .content pre {
326 hyphens: none;
327 line-height: 1.25;
328 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
329
330 .content .pikchr-wrapper {
331 /* Pikchr was developed with the assumption that it would be
332 * integrated into a Fossil repo using the old 0.9em body font
333 * size, which no longer obtians. This gives us a choice:
@@ -460,17 +530,22 @@
530 }
531 .mainmenu {
532 padding: 10px;
533 }
534
535 /* This horror show has the same cause that informed our handling of
536 * <code> and friends above; see "combinatorial selector explosion."
537 * Without this careful targeting, we'd not only overreach into areas
538 * of Fossil UI where our meddling is not wanted, we would mistakenly
539 * apply double indents to nested formatting in MD forum posts, p
540 * within td tags, and more.
541 *
542 * Rather than give the equivalent Sass code here, see the SCSS file
543 * that the [Inskinerator](https://tangentsoft.com/inskinerator/)
544 * project ships as override/modern/media.scss. Rendering that
545 * through sassc gives substantially identical output, modulo the
546 * hand-polishing we've done here. */
547 .artifact > .content > p,
548 .artifact > .content > .markdown > p,
549 .artifact > .content > .fossil-doc > p,
550 .artifact > .content > ol, .artifact > .content > ul,
551 .artifact > .content > .markdown > ol, .artifact > .content > .markdown > ul,
@@ -523,60 +598,58 @@
598 #wikiedit-tab-preview-wrapper > .markdown > table {
599 margin-left: 50pt;
600 margin-right: 50pt;
601 }
602
603 /* Code blocks get extra indenting. We need a selector explosion
604 * equally powerful to the one above for inline <code> fragments and
605 * similar elements, for essentially the same reason: Fossil UI also
606 * uses <pre>, and we want to affect user content only.
607 *
608 * The equivalent Sass code is:
609 *
610 * .artifact, .dir, .doc, .wiki // doc types we target
611 * > .content // hands off header & footer
612 * @import 'pre-doc-margins.sass'
613 *
614 * #fileedit-tab-preview-wrapper, // include /fileedit previews
615 * #wikiedit-tab-preview-wrapper // ditto /wikiedit
616 * @import 'pre-doc-margins.sass'
617 *
618 * …where pre-doc-margins.sass contains the elements common to both:
619 *
620 * &, > .fossil-doc, > .markdown // wiki, HTML & MD doc types
621 * > pre // direct pre descendants only
622 * margin-left: 70pt;
623 * margin-right: 50pt;
624 *
625 * This is a technical overreach since /wiki & /wikiedit lack support
626 * for Fossil's HTML embedded doc markup capability, but we prefer to
627 * draw the /fileedit parallel in our Sass example over the dubious
628 * pleasure of being nit-picky on this point. Instead, we've chosen
629 * to back that overreach out by hand below.
 
 
630 */
631 .artifact > .content > pre,
 
632 .artifact > .content > .fossil-doc > pre,
633 .artifact > .content > .markdown > pre,
634 .dir > .content > pre,
635 .dir > .content > .fossil-doc > pre,
636 .dir > .content > .markdown > pre,
637 .doc > .content > pre,
638 .doc > .content > .fossil-doc > pre,
639 .doc > .content > .markdown > pre,
640 .wiki > .content > pre,
641 .wiki > .content > .markdown > pre {
642 margin-left: 70pt;
643 margin-right: 50pt;
644 }
645 #fileedit-tab-preview-wrapper > pre,
646 #wikiedit-tab-preview-wrapper > pre,
647 #fileedit-tab-preview-wrapper > .fossil-doc > pre,
648 #fileedit-tab-preview-wrapper > .markdown > pre,
649 #wikiedit-tab-preview-wrapper > .markdown > pre {
650 margin-left: 70pt;
651 margin-right: 50pt;
652 }
653
654 /* Fossil UI uses these, but in sufficiently constrained ways that we
655 * don't have to be nearly as careful to avoid an overreach. */
656

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button