diff options
| author | codecalm <codecalm@gmail.com> | 2020-02-28 11:47:08 +0100 |
|---|---|---|
| committer | codecalm <codecalm@gmail.com> | 2020-02-28 11:47:08 +0100 |
| commit | 27bab3ccc8cb4cbdb59ed59904cfc33ffc1c0f23 (patch) | |
| tree | 0c1ce8bef55c33bd2a8543a35b583a7b5eb4eb87 /index.html | |
| parent | .idea fix (diff) | |
| download | tabler-icons-27bab3ccc8cb4cbdb59ed59904cfc33ffc1c0f23.tar.xz | |
simple icon manager
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 60 |
1 files changed, 56 insertions, 4 deletions
@@ -14,14 +14,66 @@ <body> <div class="container"> <div class="box"> - <div class="icon-preview-wrap"> - <div class="icon-preview"> - {% include icon.html name="arrow-left" %} + + {% assign last-icon = site.icons | sort: date | reverse | first %} + {% capture last-icon %} + {% include icon.html name=last-icon.slug %} + {% endcapture %} + + <div class="row"> + <div class="col"> + + <div class="icon-preview-wrap"> + <div class="icon-preview"> + {{ last-icon }} + </div> + </div> + </div> + <div class="col-aside"> + + <div class="mb"> + <button class="btn"> + {{ last-icon }} Button + </button> + <button class="btn btn-icon"> + {{ last-icon }} + </button> + <button class="btn btn-link"> + {{ last-icon }} Button + </button> + </div> + + <div class="input-icon mb"> + <input type="text" class="input" value="Input value"> + {{ last-icon }} + </div> + + <div class="input-icon icon-left mb"> + {{ last-icon }} + <input type="text" class="input" placeholder="Input placeholder"> + </div> + + <div class="mb"> + <div class="avatar">{{ last-icon }}</div> + <div class="avatar avatar-sm">{{ last-icon }}</div> + </div> + + <div class="tabs mb"> + <a class="tab active">{{ last-icon }} Tab 1</a> + <a class="tab">Tab 2</a> + <a class="tab">Tab 3</a> + </div> + + <div class="mb"> + <a href="#">{{ last-icon }} Link</a> + </div> </div> </div> + + <div class="icons-list"> {% for icon in site.icons %} - <div class="icon"> + <div class="icon" title="{{ icon.slug }}"> {% assign name = icon.slug %} {% include icon.html name=name %} </div> |