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/badges.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, 59 deletions
| -rw-r--r-- | docs/src/contents/badges.pug | 59 |
diff --git a/docs/src/contents/badges.pug b/docs/src/contents/badges.pug deleted file mode 100644 index 40b42ea..0000000 --- a/docs/src/contents/badges.pug +++ /dev/null @@ -1,59 +0,0 @@ -p Badges are often used as unread number indicators. - -.docs-demo.columns - .column.col-3.col-xs-6 - span.badge(data-badge="") - | Notifications - .column.col-3.col-xs-6 - span.badge(data-badge="8") - | Notifications - .column.col-3.col-xs-6 - span.badge(data-badge="88") - | Notifications - .column.col-3.col-xs-6 - span.badge(data-badge="888") - | Notifications - -p - | Add the #[code badge] class to non self closing elements. - | And add the #[code data-badge] attribute to define the content of a badge. - | The badge will appear in the top-right direction of the element. -p - | If there is no #[code data-badge] or the attribute is not specified, the badge will appear as a dot. - -.docs-demo.columns - .column.col-sm-12 - button.btn.badge(data-badge="") Button - button.btn.badge(data-badge="8") Button - .column.col-sm-12 - button.btn.btn-primary.badge(data-badge="") Button - button.btn.btn-primary.badge(data-badge="8") Button - .column.col-sm-12 - figure.avatar.avatar-xl.badge(data-badge="8" data-initial="YZ") - img(src="img/avatar-1.png" alt="YZ") - figure.avatar.avatar-lg.badge(data-badge="8" data-initial="YZ") - img(src="img/avatar-2.png" alt="YZ") - figure.avatar.badge(data-badge="8" data-initial="YZ") - img(src="img/avatar-3.png" alt="YZ") - -p - | Badges support #[code button] and #[code avatars] elements as well. - -pre.code(data-lang='HTML') - code - :highlight(lang="html") - <span class="badge"> - Notifications - </span> - - <span class="badge" data-badge="8"> - Notifications - </span> - - <button class="btn badge" data-badge="8"> - Button - </button> - - <figure class="avatar badge" data-badge="8" data-initial="YZ"> - <img src="img/avatar-3.png" alt="YZ"> - </figure>
\ No newline at end of file |