changelog v4.1.4 (14 avril 2015)

- ajout de node_modules dans le .gitignore
- ajout d'un gulpfile.js et des dépendances dans package.json
- ajout de la classe .unstyled destinée aux éléments de formulaires

.gitignore

@@ -166,3 +166,6 @@ pip-log.txt
 
 # parce qu'on s'en fout
 *.log
+
+# parce que trop lourd
+node_modules/

changelog.md

@@ -1,3 +1,9 @@
+# changelog v4.1.4 (14 avril 2015)
+
+- ajout de node_modules dans le .gitignore
+- ajout d'un gulpfile.js et des dépendances dans package.json
+- ajout de la classe .unstyled destinée aux éléments de formulaires
+
 # changelog v4.1.3 (13 avril 2015)
 
 Les classes relatives à flexbox ont été renommées pour ne pas entrer en conflit avec des outils tels que Modernizer (qui ajoutent aux-aussi ce genre de classes).

css/knacss-unminified.css

@@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com V4.1.3 (2015-04-13) @author: Raphael Goetter, Alsacreations
+* www.KNACSS.com V4.1.4 (2015-04-14) @author: Raphael Goetter, Alsacreations
 * Licence WTFPL http://www.wtfpl.net/
 */
 /*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
@@ -1105,7 +1105,29 @@ button:focus {
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  background-image: none;
+}
+/* unstyled forms */
+button.unstyled,
+input[type="button"].unstyled,
+input[type="submit"].unstyled,
+input[type="reset"].unstyled {
+  padding: 0;
+  border: none;
+  line-height: 1;
+  text-align: left;
+  background: none;
+  border-radius: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+button.unstyled:focus,
+input[type="button"].unstyled:focus,
+input[type="submit"].unstyled:focus,
+input[type="reset"].unstyled:focus {
+  box-shadow: none;
+  outline: none;
 }
 /* ---------------------------------- */
 /* ==visual helpers                   */

gulpfile.js

@@ -0,0 +1,37 @@
+// Requires
+var gulp = require('gulp');
+
+// Include plugins
+var less = require('gulp-less');
+var concat = require('gulp-concat');
+var rename = require('gulp-rename');
+var minifycss = require('gulp-minify-css');
+var sourcemaps = require('gulp-sourcemaps');
+var autoprefixer = require('gulp-autoprefixer');
+
+// Common tasks
+gulp.task('styles', ['styles-less']);
+gulp.task('doallthethings', ['styles-less']);
+
+
+// Styles LESS
+gulp.task('styles-less', function () {
+  return gulp.src('./less/knacss.less')
+    .pipe(less())
+    .pipe(autoprefixer())
+    .pipe(rename('knacss-unminified.css'))
+    .pipe(gulp.dest('./css/'))
+    .pipe(rename('knacss.css'))
+    .pipe(sourcemaps.init())
+    .pipe(minifycss({keepBreaks:false,keepSpecialComments:0}))
+    .pipe(sourcemaps.write('.', {includeContent: false}))
+    .pipe(gulp.dest('./css/'));
+
+});
+
+// Watcher
+gulp.task('watch', function() {
+  gulp.watch(['./less/*.less'], ['styles-less']);
+});
+
+gulp.task('default', ['doallthethings']);

less/_00-config.less

@@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com V4.1.3 (2015-04-13) @author: Raphael Goetter, Alsacreations
+* www.KNACSS.com V4.1.4 (2015-04-14) @author: Raphael Goetter, Alsacreations
 * Licence WTFPL http://www.wtfpl.net/
 */
 

less/_05-forms.less

@@ -75,5 +75,28 @@ button:focus {
 	   -moz-user-select: none;
 	    -ms-user-select: none;
 	        user-select: none;
-	background-image: none;
+}
+
+/* unstyled forms */
+.unstyled {
+	button&,
+	input[type="button"]&,
+	input[type="submit"]&,
+	input[type="reset"]& {
+		padding: 0;
+		border: none;
+		line-height: 1;
+		text-align: left;
+		background: none;
+		border-radius: 0;
+		box-shadow: none;
+		-webkit-appearance: none;
+		-moz-appearance: none;
+		appearance: none;
+
+		&:focus {
+			box-shadow: none;
+			outline: none;
+		}
+	}
 }

package.json

@@ -20,5 +20,14 @@
     },
     "license": "WTFPL",
     "dependencies": {},
+    "devDependencies": {
+        "gulp": "latest",
+        "gulp-rename": "latest",
+        "gulp-less": "latest",
+        "gulp-concat": "latest",
+        "gulp-minify-css": "latest",
+        "gulp-autoprefixer": "latest",
+        "gulp-sourcemaps": "latest"
+    },
     "engines": {}
 }

sass/_00-config.scss

@@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com V4.1.3 (2015-04-13) @author: Raphael Goetter, Alsacreations
+* www.KNACSS.com V4.1.4 (2015-04-14) @author: Raphael Goetter, Alsacreations
 * Licence WTFPL http://www.wtfpl.net/
 */
 

sass/_05-forms.scss

@@ -75,5 +75,28 @@ button:focus {
 	   -moz-user-select: none;
 	    -ms-user-select: none;
 	        user-select: none;
-	background-image: none;
+}
+
+/* unstyled forms */
+.unstyled {
+	button&,
+	input[type="button"]&,
+	input[type="submit"]&,
+	input[type="reset"]& {
+		padding: 0;
+		border: none;
+		line-height: 1;
+		text-align: left;
+		background: none;
+		border-radius: 0;
+		box-shadow: none;
+		-webkit-appearance: none;
+		-moz-appearance: none;
+		appearance: none;
+
+		&:focus {
+			box-shadow: none;
+			outline: none;
+		}
+	}
 }