Summary Files Commits Branches @commit @diff @stats
path: root / docs / src / contents / steps.pug
diff options
context:
space:
mode:
Commitef6d8056d26fe952891e47660f1cb0d1ed7041f1 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2018-11-08 07:42:33 +0800
Committer
 GitHub <noreply@github.com>
2018-11-08 07:42:33 +0800
Files26e1a053ee953a570e54939ef30c2c89636a6acf /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
Parent0a6c76429b294c26d318479c05736537f3d95abb (diff)
Parenteb7fd9d2538accfe5d291ca93d2ce7dd6e62fefa (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.pug47
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>
-