Add sass for bulma

README.md

@@ -41,6 +41,7 @@ You can set the following variables in the `.env` file:
 * `KHAGANAT_TIME_ZONE`: Time zone, default is `Europe/Paris`.
 * `KHAGANAT_STATIC_URL`: URL for static files, default is `/static/`.
 * `KHAGANAT_STATIC_ROOT`: Absolute path to the directory where static files should be collected.
+* `KHAGANAT_STATIC_DIRS`: CSV list of additional locations where static files may be found, default is empty.
 * `KHAGANAT_LOGS_MIN_DAYS`: Numbers of days before logs are hidden, default is 7.
 * `KHAGANAT_LOGS_MAX_DAYS`: Number of days before logs are published, default is 0.
 * `KHAGANAT_LOGIN_REDIRECT_URL`: URL to redirect after user login. Will be reversed, default is `index`.

khaganat/settings.py

@@ -171,6 +171,8 @@ USE_TZ = True
 
 STATIC_URL = config('KHAGANAT_STATIC_URL', default='/static/')
 STATIC_ROOT = config('KHAGANAT_STATIC_ROOT', default='') or None
+STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static_extra')]
+STATICFILES_DIRS += config('KHAGANAT_STATIC_DIRS', default='', cast=Csv()) or []
 
 
 # Logs configuration

static_extra/bulma/sass/.gitignore

@@ -0,0 +1 @@
+node_modules

static_extra/bulma/sass/package.json

@@ -0,0 +1,32 @@
+{
+  "author": {
+    "name": "Tim Kamanin",
+    "email": "tim@timonweb.com",
+    "url": "http://timonweb.com"
+  },
+  "description": "Bulma for Django",
+  "dependencies": {
+    "bulma": "0.7.1"
+  },
+  "devDependencies": {
+    "autoprefixer": "^8.2.0",
+    "clean-css-cli": "^4.1.11",
+    "node-sass": "^4.8.3",
+    "postcss-cli": "^5.0.0",
+    "rimraf": "^2.6.2"
+  },
+  "license": "MIT",
+  "main": "style.sass",
+  "style": "../css/style.min.css",
+  "name": "django_bulma",
+  "scripts": {
+    "build": "npm run build-clean && npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
+    "build-autoprefix": "postcss --use autoprefixer --map false --output ../css/style.css ../css/style.css",
+    "build-cleancss": "cleancss -o ../css/style.min.css ../css/style.css",
+    "build-clean": "rimraf css",
+    "build-sass": "node-sass --output-style expanded --source-map true style.sass ../css/style.css",
+    "deploy": "npm run build",
+    "start": "npm run build-sass -- --watch"
+  },
+  "version": "0.5.1"
+}

static_extra/bulma/sass/style.sass

@@ -0,0 +1,9 @@
+// 1. Import the initial variables
+@import "./node_modules/bulma/sass/utilities/initial-variables"
+
+// 2. Set your own initial variables
+
+// 3. Import the rest of Bulma
+@import "./node_modules/bulma/bulma"
+
+// 4. Import your stuff here