Add SVG icons and empty howto page

2017-02-14 21:05:12 +01:00
parent f8c5bb7855
commit 1b67e9725d
14 changed files with 126 additions and 23 deletions
--- a/styles/components/icon.css
+++ b/styles/components/icon.css
@@ -0,0 +1,29 @@
+.icon {
+  display: inline-block;
+  width: 22px;
+  height: 22px;
+  background-size: 22px 22px;
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  vertical-align: middle;
+
+  &--pie {
+    background-image: url('/assets/icons/pie.svg');
+  }
+
+  &--question {
+    background-image: url('/assets/icons/question.svg');
+  }
+
+  &--overview {
+    background-image: url('/assets/icons/overview.svg');
+  }
+
+  &--search {
+    background-image: url('/assets/icons/search.svg');
+  }
+
+  &--back {
+    background-image: url('/assets/icons/back.svg');
+  }
+}