diff options
Diffstat (limited to 'docs/cyp/layout/level.html')
-rw-r--r-- | docs/cyp/layout/level.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/docs/cyp/layout/level.html b/docs/cyp/layout/level.html new file mode 100644 index 00000000..2d44a6a8 --- /dev/null +++ b/docs/cyp/layout/level.html @@ -0,0 +1,63 @@ +--- +layout: cypress +title: Components/Level +--- + +<nav id="level" class="level"> + <div class="level-left"> + <div class="level-item"> + <p class="subtitle is-5"> + <strong>123</strong> posts + </p> + </div> + + <div class="level-item"> + <div class="field has-addons"> + <p class="control"> + <input class="input" type="text" placeholder="Find a post"> + </p> + + <p class="control"> + <button class="button"> + Search + </button> + </p> + </div> + </div> + </div> + + <div class="level-right"> + <p class="level-item"><strong>All</strong></p> + <p class="level-item"><a>Published</a></p> + <p class="level-item"><a>Drafts</a></p> + <p class="level-item"><a>Deleted</a></p> + <p class="level-item"><a class="button is-success">New</a></p> + </div> +</nav> + +<nav id="level-centered" class="level"> + <div class="level-item has-text-centered"> + <div> + <p class="heading">Tweets</p> + <p class="title">3,456</p> + </div> + </div> + <div class="level-item has-text-centered"> + <div> + <p class="heading">Following</p> + <p class="title">123</p> + </div> + </div> + <div class="level-item has-text-centered"> + <div> + <p class="heading">Followers</p> + <p class="title">456K</p> + </div> + </div> + <div class="level-item has-text-centered"> + <div> + <p class="heading">Likes</p> + <p class="title">789</p> + </div> + </div> +</nav> |