aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--_config.yml3
-rw-r--r--src/_icons/x.svg1
-rw-r--r--src/style.scss30
-rw-r--r--src/tags.html17
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>