Start adding sass preprocessor

2017-12-05 18:46:18 -05:00 · 2017-12-05 18:46:18 -05:00 · 9513514beb
parent 9eebb833ef
commit 9513514beb
3 changed files with 12 additions and 0 deletions
--- a/frontend/templates/base.html
+++ b/frontend/templates/base.html
@ -1,5 +1,6 @@
 <!DOCTYPE html>
 {% load truncatechars %}
+{% load sass_tags %}

 <html>
 <head>
@ -9,6 +10,8 @@
    <link type="text/css" rel="stylesheet" href="/static/css/sitewide4.css" />
 	<link REL="SHORTCUT ICON" HREF="/static/images/favicon.ico">
    {% block extra_css %}{% endblock %}
+
+    <link href="{% sass_src 'test.scss' %}" rel="stylesheet" type="text/css" />
 	<script type="text/javascript" src="{{ jquery_home }}"></script>
    <script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
 	<script type="text/javascript" src="/static/js/sitewide1.js"></script>
--- a/settings/common.py
+++ b/settings/common.py
@ -182,8 +182,14 @@ INSTALLED_APPS = (
    'transmeta',
    'questionnaire',
    'questionnaire.page',  
+    'sass_processor',
 )

+SASS_PROCESSOR_INCLUDE_DIRS = [
+    os.path.join(PROJECT_DIR, 'static/scss'),
+]
+
+
 # A sample logging configuration. The only tangible logging
 # performed by this configuration is to send an email to
 # the site admins on every HTTP 500 error.
--- a/static/scss/test.scss
+++ b/static/scss/test.scss
@ -0,0 +1,3 @@
+* {
+    color: red !important;
+}