Add Sass support

.editorconfig

@@ -20,6 +20,6 @@ indent_size = 2
 indent_style = space
 indent_size = 2
 
-[*.{css,js}]
+[*.{scss,css,js}]
 indent_style = space
 indent_size = 4

.gitignore

@@ -24,6 +24,8 @@ media
 /staticfiles/*
 node_modules
 yarn-error.log
+*.css.map
+.sass-cache
 
 # Celery
 celerybeat-schedule

.gitlab-ci.yml

@@ -13,6 +13,7 @@ test:
     - pytest
     - eslint 'network/static/js/*.js'
     - stylelint 'network/static/css/*.css'
+    - stylelint 'network/static/css/*.scss'
 
 stage:
   stage: deploy

docker/dev

@@ -2,7 +2,7 @@ FROM centos:7
 RUN yum makecache
 RUN yum -y install epel-release
 RUN yum -y install python python-pip python-devel git gcc libjpeg-turbo-devel \
-                   libxml2-devel libxslt-devel mysql-devel mysql
+                   libxml2-devel libxslt-devel mysql-devel mysql ruby-sass
 RUN yum -y clean all
 RUN pip install --upgrade pip
 

docker/test

@@ -1,6 +1,6 @@
 FROM fedora:latest
 RUN dnf -y install python python-pip python-devel git gcc libjpeg-turbo-devel findutils \
-                   libxml2-devel libxslt-devel mysql-devel mysql npm redhat-rpm-config
+                   libxml2-devel libxslt-devel mysql-devel mysql npm redhat-rpm-config ruby-sass
 RUN dnf -y clean all
 
 RUN npm install -g eslint stylelint

gulpfile.js

@@ -10,6 +10,7 @@ var lintPathsJS = [
 ];
 
 var lintPathsCSS = [
+    'network/static/css/*.scss',
     'network/static/css/*.css'
 ];
 

network/settings.py

@@ -148,6 +148,9 @@ COMPRESS_CSS_FILTERS = [
     'compressor.filters.css_default.CssAbsoluteFilter',
     'compressor.filters.cssmin.rCSSMinFilter'
 ]
+COMPRESS_PRECOMPILERS = (
+    ('text/scss', 'sass --scss {infile} {outfile}'),
+)
 
 # App conf
 ROOT_URLCONF = 'network.urls'