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/empty.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, 50 deletions
| -rw-r--r-- | docs/src/contents/empty.pug | 50 |
diff --git a/docs/src/contents/empty.pug b/docs/src/contents/empty.pug deleted file mode 100644 index 880090d..0000000 --- a/docs/src/contents/empty.pug +++ /dev/null @@ -1,50 +0,0 @@ -p - | Empty states/blank slates are commonly used as placeholders for first time use, empty data and error screens. - -.docs-demo.columns - .column.col-12 - .empty - .empty-icon - i.icon.icon-3x.icon-mail - p.empty-title.h5 You have no new messages - p.empty-subtitle Click the button to start a conversation - .empty-action - button.btn.btn-primary Send a message - .column.col-12 - .empty - .empty-icon - i.icon.icon-3x.icon-mail - p.empty-title.h5 You've successfully signed up - p.empty-subtitle Click the button to invite your friends - .empty-action - button.btn.btn-primary Invite your friends - .empty-action - button.btn.btn-link Skip - .column.col-12 - .empty - .empty-icon - i.icon.icon-3x.icon-people - p.empty-title.h5 You are not following anyone - p.empty-subtitle Start to meet new friends - .empty-action.input-group.input-inline - input.form-input(type="text" placeholder="") - button.btn.btn-primary.input-group-btn Search - -p - | An empty state component can include icons, messages (title and subtitle messages) and action buttons or any combination of those elements. - | Add #[code empty-icon], #[code empty-title], #[code empty-subtitle] or #[code empty-action] to the elements. - | HTML structure is exampled below. - -pre.code(data-lang='HTML') - code - :highlight(lang="html") - <div class="empty"> - <div class="empty-icon"> - <i class="icon icon-people"></i> - </div> - <p class="empty-title h5">You have no new messages</p> - <p class="empty-subtitle">Click the button to start a conversation.</p> - <div class="empty-action"> - <button class="btn btn-primary">Send a message</button> - </div> - </div>
\ No newline at end of file |