diff options
| Commit | ef6d8056d26fe952891e47660f1cb0d1ed7041f1 (patch) | |
|---|---|---|
| Author | 2018-11-08 07:42:33 +0800 | |
| Committer | 2018-11-08 07:42:33 +0800 | |
| Files | 26e1a053ee953a570e54939ef30c2c89636a6acf /docs/src/contents/steps.pug | |
| Spectre-Dark-Gruvbox-0.5.5.tar Spectre-Dark-Gruvbox-0.5.5.tar.gz Spectre-Dark-Gruvbox-0.5.5.zip | ||
| Parent | 0a6c76429b294c26d318479c05736537f3d95abb (diff) | |
| Parent | eb7fd9d2538accfe5d291ca93d2ce7dd6e62fefa (diff) | |
Merge pull request #522 from picturepan2/0.5.5 v0.5.5
0.5.5
1 files changed, 0 insertions, 47 deletions
| -rw-r--r-- | docs/src/contents/steps.pug | 47 |
diff --git a/docs/src/contents/steps.pug b/docs/src/contents/steps.pug deleted file mode 100644 index 0109e02..0000000 --- a/docs/src/contents/steps.pug +++ /dev/null @@ -1,47 +0,0 @@ -p Steps are progress indicators of a sequence of task steps. - -.docs-demo.columns - .column.col-12 - ul.step - li.step-item - a.tooltip(href="#steps" data-tooltip="Step 1 Tooltip") - li.step-item.active - a.tooltip(href="#steps" data-tooltip="Step 2 Tooltip") - li.step-item - a.tooltip(href="#steps" data-tooltip="Step 3 Tooltip") - li.step-item - a.tooltip(href="#steps" data-tooltip="Step 4 Tooltip") - .column.col-12 - ul.step - li.step-item - a.tooltip(href="#steps" data-tooltip="Step 1 Tooltip") Step 1 - li.step-item - a.tooltip(href="#steps" data-tooltip="Step 2 Tooltip") Step 2 - li.step-item.active - a.tooltip(href="#steps" data-tooltip="Step 3 Tooltip") Step 3 - li.step-item - a.tooltip(href="#steps" data-tooltip="Step 4 Tooltip") Step 4 - -p - | Add a container element with the #[code step] class. - | And add child elements with the #[code step-item] class. - | The #[code step-item] with the #[code active] class will be highlighted and indicate the current state of progress. - -pre.code(data-lang='HTML') - code - :highlight(lang="html") - <ul class="step"> - <li class="step-item"> - <a href="#" class="tooltip" data-tooltip="Step 1">Step 1</a> - </li> - <li class="step-item active"> - <a href="#" class="tooltip" data-tooltip="Step 2">Step 2</a> - </li> - <li class="step-item"> - <a href="#" class="tooltip" data-tooltip="Step 3">Step 3</a> - </li> - <li class="step-item"> - <a href="#" class="tooltip" data-tooltip="Step 4">Step 4</a> - </li> - </ul> - |