diff options
| -rw-r--r-- | _config.yml | 3 | ||||
| -rw-r--r-- | src/_icons/x.svg | 1 | ||||
| -rw-r--r-- | src/style.scss | 30 | ||||
| -rw-r--r-- | src/tags.html | 17 |
4 files changed, 46 insertions, 5 deletions
diff --git a/_config.yml b/_config.yml index ae0a72bc..61bf6bde 100644 --- a/_config.yml +++ b/_config.yml @@ -1,5 +1,7 @@ source: src + host: 0.0.0.0 +port: 4001 exclude: - .idea @@ -11,6 +13,7 @@ defaults: values: layout: icon in-bg: true + tags: [] permalink: 'icons/:slug' collections: diff --git a/src/_icons/x.svg b/src/_icons/x.svg index 84f8f6f1..971c0212 100644 --- a/src/_icons/x.svg +++ b/src/_icons/x.svg @@ -1,4 +1,5 @@ --- +tags: [cancel, remove, delete, empty] --- <svg> <line x1="18" y1="6" x2="6" y2="18" /> diff --git a/src/style.scss b/src/style.scss index 92447172..2ffbb470 100644 --- a/src/style.scss +++ b/src/style.scss @@ -350,8 +350,28 @@ Components } } -.icon-size-16 { width: 16px; } -.icon-size-24 { width: 24px; } -.icon-size-32 { width: 32px; } -.icon-size-48 { width: 48px; } -.icon-size-64 { width: 64px; } +.icon-size-16 { width: 16px; height: 16px } +.icon-size-24 { width: 24px; height: 24px } +.icon-size-32 { width: 32px; height: 32px } +.icon-size-48 { width: 48px; height: 48px } +.icon-size-64 { width: 64px; height: 64px } + +.table { + width: 100%; + border-collapse: collapse; + + td, th { + padding: .5rem; + text-align: left; + border: 1px solid #eee; + } + + .icon { + width: 24px; + height: 24px; + } +} + +.td-1 { + width: 1%; +} diff --git a/src/tags.html b/src/tags.html new file mode 100644 index 00000000..2bad71ff --- /dev/null +++ b/src/tags.html @@ -0,0 +1,17 @@ +--- +layout: default +--- + +<div class="container"> + <div class="box"> + <table class="table"> + {% for icon in site.icons %} + <tr> + <td class="td-1">{% include icon.html name=icon.slug %}</td> + <th>{{ icon.slug }}</th> + <td>{{ icon.tags | join: ', ' }}</td> + </tr> + {% endfor %} + </table> + </div> +</div> |
