Summary Files Commits Branches @commit @diff @stats
path: root / docs / src / contents / steps.pug
diff options
context:
space:
mode:
Commit3ab3a9d09955772ec56ddadbba49954b4edd6a3e (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2018-11-06 18:52:37 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2018-11-06 18:52:37 +0800
Files00686d5c0bcd66010f4f26768dde13e26a49b709 /docs/src/contents/steps.pug
Spectre-Dark-Gruvbox-3ab3a9d09955772ec56ddadbba49954b4edd6a3e.tar
Spectre-Dark-Gruvbox-3ab3a9d09955772ec56ddadbba49954b4edd6a3e.tar.gz
Spectre-Dark-Gruvbox-3ab3a9d09955772ec56ddadbba49954b4edd6a3e.zip
Parent13b42d4c792f0a579d2d974492e13cd77d6f77f7 (diff)
Update the Docs completely
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>
-