Merge pull request #126 from openjck/add-stylus

Fix #121: Add Stylus

.stylintrc

@@ -0,0 +1,35 @@
+{
+    "blocks": false,
+    "brackets": "always",
+    "colons": "always",
+    "colors": false,
+    "commaSpace": "always",
+    "commentSpace": "always",
+    "cssLiteral": "never",
+    "depthLimit": false,
+    "duplicates": true,
+    "efficient": "always",
+    "extendPref": "@extend",
+    "globalDupe": true,
+    "indentPref": 4,
+    "leadingZero": "never",
+    "maxErrors": false,
+    "maxWarnings": false,
+    "mixed": false,
+    "namingConvention": "lowercase-dash",
+    "namingConventionStrict": true,
+    "none": "always",
+    "noImportant": true,
+    "parenSpace": "never",
+    "placeholders": "always",
+    "prefixVarsWithDollar": "always",
+    "quotePref": false,
+    "semicolons": "always",
+    "sortOrder": "alphabetical",
+    "stackedProperties": "never",
+    "trailingWhitespace": "never",
+    "universal": false,
+    "valid": true,
+    "zeroUnits": "never",
+    "zIndexNormalize": false
+}

dashboard/settings.py

@@ -158,26 +158,29 @@ def path(*parts):
 # django-pipeline
 DISABLE_WRAPPER = True
 PIPELINE = {
+    'COMPILERS': (
+        'pipeline.compilers.stylus.StylusCompiler',
+    ),
     'STYLESHEETS': {
         'dashboard': {
             'source_filenames': (
                 # Global
-                'css/main.css',
-                'css/elements.css',
-                'css/forms.css',
-                'css/navigation.css',
+                'styles/main.styl',
+                'styles/elements.styl',
+                'styles/forms.styl',
+                'styles/navigation.styl',
 
                 # Login page
-                'css/login.css',
+                'styles/login.styl',
 
                 # Push applicaton landing page
-                'css/landing.css',
+                'styles/landing.styl',
 
                 # Push application listing page
-                'css/list.css',
+                'styles/list.styl',
 
                 # Push application details page
-                'css/details.css',
+                'styles/details.styl',
             ),
             'output_filename': 'css/dashboard.css',
         },

docs/development.rst

@@ -29,6 +29,8 @@ Install Locally
 #. `Install requirements`_::
 
     pip install -r requirements-dev.txt
+    npm install
+    npm link stylus yuglify
 
 #. Source the ``.env`` file to set environment config vars (Can also use `autoenv`_)::
 

package.json

@@ -1,12 +1,13 @@
 {
   "scripts": {
-    "test": "eslint --ignore-pattern 'staticfiles/**/*.js' --ignore-pattern 'env/**/*.js' .; csslint --quiet --exclude-list='node_modules,staticfiles,env' --warnings=' ' ."
+    "test": "eslint --ignore-pattern 'staticfiles/**/*.js' --ignore-pattern 'env/**/*.js' .; stylint **/static/styles/*.styl"
   },
   "dependencies": {
+    "stylus": "^0.54.2",
     "yuglify": "^0.1.4"
   },
   "devDependencies": {
-    "csslint": "^0.10.0",
-    "eslint": "^2.3.0"
+    "eslint": "^2.3.0",
+    "stylint": "^1.3.6"
   }
 }