Icon scaffolding.

dancerfly · Nov 10, 2015 · 79884e3 · 79884e3
1 parent 756c8ba
commit 79884e3
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 0 deletions.
diff --git a/brambling/static/brambling/brambling.kickoff.js b/brambling/static/brambling/brambling.kickoff.js
@@ -146,4 +146,8 @@ $(function() {
         });
     });
 
+    // Enable SVG injection
+    var svgIconElements = document.querySelectorAll('.js-svg-icon');
+    SVGInjector(svgIconElements);
+
 });
diff --git a/brambling/static/brambling/sass/modules/_icons.sass b/brambling/static/brambling/sass/modules/_icons.sass
@@ -0,0 +1,10 @@
+.svg-icon
+	width: 16px
+	height: 16px
+	vertical-align: middle
+	path
+		fill: #000
+
+.svg-icon-white
+	path
+		fill: #FFF
diff --git a/brambling/static/brambling/sass/styles.sass b/brambling/static/brambling/sass/styles.sass
@@ -65,6 +65,7 @@
 @import modules/footer
 @import modules/forms
 @import modules/headings
+@import modules/icons
 @import modules/images
 @import modules/layout
 @import modules/list-group

diff --git a/brambling/templates/brambling/_icon.html b/brambling/templates/brambling/_icon.html
@@ -0,0 +1,2 @@
+{% load static %}
+<img src="{% static path %}" alt="{{ alt }}" class="js-svg-icon svg-icon" />
diff --git a/brambling/templatetags/__init__.py b/brambling/templatetags/__init__.py
diff --git a/brambling/templatetags/icon.py b/brambling/templatetags/icon.py
@@ -0,0 +1,11 @@
+from django import template
+from django.template.loader import render_to_string
+
+register = template.Library()
+
+ICON_PATH = "brambling/lib/picons/{key}.svg"
+
+@register.simple_tag
+def icon(key, alt):
+    path = ICON_PATH.format(key=key)
+    return render_to_string('brambling/_icon.html', {'key': key, 'alt': alt, 'path': path})