stylus - Add new Stylus to generate primary colours

Author: sebastienrousseau

package.json

@@ -69,6 +69,7 @@
     "gulp-csscomb": "^3.1.0",
     "gulp-csslint": "^1.0.1",
     "gulp-git": "^2.10.1",
+    "gulp-group-css-media-queries": "^1.2.2",
     "gulp-header": "^2.0.9",
     "gulp-rename": "^2.0.0",
     "gulp-size": "^3.0.0",
@@ -78,5 +79,8 @@
     "mocha": "^8.3.2",
     "should": "^13.2.3",
     "vinyl-paths": "3.0.1"
+  },
+  "dependencies": {
+    "stylint": "^2.0.0"
   }
 }

src/base/colours.styl

@@ -0,0 +1,18 @@
+/* @group Primary Colours */
+
+colors = primary,secondary,tertiary,disable,info,inverse,link,danger,success,warning
+
+for color, i in colors
+    .{colors[i]}
+      color: '$%s' % ((colors[i]))
+
+    .color-{colors[i]}
+      color: '$%s' % ((colors[i]))
+
+    .background-color-{colors[i]}
+     background-color: '$%s' % ((colors[i]))
+
+    .border-color-{colors[i]}
+     border: 1px solid '$%s' % ((colors[i]))
+
+/* @end */