From aef3e495464b8793ab4f9c1c5e44f8fccfe83dfd Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Wed, 24 Jan 2018 17:40:06 -0700 Subject: [PATCH] style checklists - hide default bullet - add list marker using CSS - add checklist to example - reset font style for all i.fa elements --- preview-site-src/index.html | 51 ++++++++++++++++++++++++++++++++++++++------- src/css/doc.css | 27 ++++++++++++++++++++++-- 2 files changed, 69 insertions(+), 9 deletions(-) diff --git a/preview-site-src/index.html b/preview-site-src/index.html index 8866334..dd7df65 100644 --- a/preview-site-src/index.html +++ b/preview-site-src/index.html @@ -47,7 +47,7 @@ Eu mea inani iriure.

const browserify = require('browserify') const buffer = require('vinyl-buffer') const uglify = require('gulp-uglify') -const tap = require('gulp-tap') +const tap = require('gulp-tap') (1) gulp.task('js', () => gulp @@ -63,6 +63,14 @@ gulp.task('js', () => ) +
+ + + + + +
1Used to wiretap the data in the pipe.
+

Cum dicat putant ne. Est in reque homero principes, meis deleniti mediocrem ad has. @@ -82,7 +90,8 @@ src/

-

Per ea solet civibus inimicus. +

Select File  Open Project to open the project in your IDE. +Per ea solet civibus inimicus. Ferri tacimates constituam sed ex, eu mea munere vituperata constituam. No vel quem admodum, etiam possim voluptatum sed ei. Voluptua singulis pro ei, melius constituto consequuntur eos in, ei ius blandit albucius.

@@ -95,7 +104,6 @@ Voluptua singulis pro ei, melius constituto consequuntur eos in, ei ius blandit

No sea, at invenire voluptaria mnesarchum has. Ex nam suas nemore dignissim, vel apeirian democritum et. -Natum facilisis theophrastus an duo. At ornatus splendide sed, phaedrum omittantur usu an, vix an noster voluptatibus.

@@ -118,9 +126,38 @@ At ornatus splendide sed, phaedrum omittantur usu an, vix an noster voluptatibus
+

Natum facilisis theophrastus an duo. +No sea, at invenire voluptaria mnesarchum has.

+
+
+
    +
  • +

    ultricies sociosqu tristique integer

    +
    • +
  • +

    lacus volutpat semper porttitor aliquet ornare primis nulla enim

    +
    • +
  • +

    etiam pulvinar inceptos velit quisque aptent himenaeos

    +
    • +
+
+

Eu sed antiopam gloriatur. -Ea mea agam graeci philosophia. -Vis veri graeci legimus ad.

+Ea mea agam graeci philosophia.

+
+
+
    +
  • +

    todo

    +
    • +
  • +

    done!

    +
    • +
+
+
+

Vis veri graeci legimus ad.

@@ -240,7 +277,7 @@ Eos suscipit scaevola at.

@@ -286,4 +323,4 @@ Altera atomorum his ex, has cu elitr melius propriae. Eos suscipit scaevola at.

- + \ No newline at end of file diff --git a/src/css/doc.css b/src/css/doc.css index cc955bc..ec7f88d 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -78,6 +78,10 @@ font-weight: 500; } +.doc i.fa { + font-style: normal; +} + /* what about td/th code? */ .doc p code { font-size: 0.85em; @@ -212,7 +216,6 @@ } .doc .admonitionblock .icon i { - font-style: normal; display: inline-flex; align-items: center; height: 100%; @@ -336,6 +339,27 @@ position: absolute; } +.doc ul.checklist { + padding-left: 0.5rem; + list-style: none; +} + +.doc ul.checklist p > i.fa-check-square-o:first-child, +.doc ul.checklist p > i.fa-square-o:first-child { + display: inline-flex; + justify-content: center; + width: 1rem; + margin-right: 0.25rem; +} + +.doc ul.checklist i.fa-check-square-o::before { + content: "\2713"; +} + +.doc ul.checklist i.fa-square-o::before { + content: "\274f"; +} + .doc .olist .olist, .doc .olist .ulist, .doc .olist .dlist, @@ -443,6 +467,5 @@ .menuseq i.caret::before { content: ">"; - font-style: normal; font-weight: 500; } -- 2.11.0
-

I wouldn’t try that if I were you.

+

I wouldn’t try that if I were you.