Summary Files Commits Branches @commit @diff @stats
path: root / docs / src / contents / toasts.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/toasts.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, 49 deletions
-rw-r--r--docs/src/contents/toasts.pug49
diff --git a/docs/src/contents/toasts.pug b/docs/src/contents/toasts.pug
deleted file mode 100644
index e35e4dd..0000000
--- a/docs/src/contents/toasts.pug
+++ /dev/null
@@ -1,49 +0,0 @@
-p Toasts are used to show alert or information to users.
-
-.docs-demo.columns
- .column.col-9.col-sm-12
- .toast
- button.btn.btn-clear.float-right
- h6 Toast Title
- | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- .column.col-9.col-sm-12
- .toast.toast-primary
- button.btn.btn-clear.float-right
- | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-p
- | Add a container element with the #[code toast] class.
- | You can add any text within the container, and even icons.
- | You may also add a close button with the #[code btn-clear] class if you need.
-
-pre.code(data-lang='HTML')
- code
- :highlight(lang="html")
- <div class="toast">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- </div>
-
-.docs-demo.columns
- .column.col-sm-12
- .toast.toast-success
- button.btn.btn-clear.float-right
- | Toast success
- .column.col-sm-12
- .toast.toast-warning
- button.btn.btn-clear.float-right
- | Toast warning
- .column.col-sm-12
- .toast.toast-error
- button.btn.btn-clear.float-right
- | Toast error
-
-p
- | And you can add the #[code toast-primary], #[code toast-success], #[code toast-warning] or #[code toast-error] class for additional toast colors.
-
-pre.code(data-lang='HTML')
- code
- :highlight(lang="html")
- <div class="toast toast-primary">
- <button class="btn btn-clear float-right"></button>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- </div> \ No newline at end of file