version 4.2.3

2015-07-02 09:31:17 +02:00 · 2015-07-02 09:31:17 +02:00 · e1fe703d3d
parent d824fc2047
commit e1fe703d3d
11 changed files with 71 additions and 35 deletions
--- a/bower.json
+++ b/bower.json
@ -1,6 +1,6 @@
 {
  "name": "KNACSS",
-  "version": "4.2.2",
+  "version": "4.2.3",
  "homepage": "http://www.knacss.com/",
  "authors": [
    "Raphaël GOETTER, Alsacreations"
--- a/changelog.md
+++ b/changelog.md
@ -1,6 +1,13 @@
+# changelog v4.2.3 (2 juillet 2015)
+
+- Passage à l'indentation via 2 espaces et non plus tabulations (+ `.editorconfig` à jour)
+- Répartition des styles tabulaires entre les fichiers `tables` et `styling`
+- pas de namespace sur les classes `.clear`, `.clearfix` et `.visually-hidden`
+- ajout d'une classe `.bfc` (identique à `.mod`) et qui crée un contexte de formatage block
+
 # changelog v4.2.2 (26 juin 2015)

- Ajout de !default aux variables SASS dans le fichier _00-config.scss
+- Ajout de !default aux variables SASS dans le fichier `_00-config.scss`
 - Flex-container enhancement
 - select element enhancement on webkit
 - correction largeurs des grilles pour IE
--- a/css/knacss-unminified.css
+++ b/css/knacss-unminified.css
@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com V4.2.2 (26 juin 2015) @author: Raphael Goetter, Alsacreations
+* www.KNACSS.com V4.2.3 (1er juillet 2015) @author: Raphael Goetter, Alsacreations
 * Licence WTFPL http://www.wtfpl.net/
 */
 /*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
@ -13,7 +13,7 @@ html {
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
-  -webkit-text-size-adjust: 100%
+  -webkit-text-size-adjust: 100%;
  /* 2 */
 }
 /**
@ -55,7 +55,7 @@ progress,
 video {
  display: inline-block;
  /* 1 */
-  vertical-align: baseline
+  vertical-align: baseline;
  /* 2 */
 }
 /**
@ -213,7 +213,7 @@ textarea {
  /* 1 */
  font: inherit;
  /* 2 */
-  margin: 0
+  margin: 0;
  /* 3 */
 }
 /**
@ -245,7 +245,7 @@ input[type="reset"],
 input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
-  cursor: pointer
+  cursor: pointer;
  /* 3 */
 }
 /**
@ -281,7 +281,7 @@ input[type="checkbox"],
 input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
-  padding: 0
+  padding: 0;
  /* 2 */
 }
 /**
@ -328,7 +328,7 @@ fieldset {
 legend {
  border: 0;
  /* 1 */
-  padding: 0
+  padding: 0;
  /* 2 */
 }
 /**
@ -571,7 +571,8 @@ table {
 /* ==layout and modules          */
 /* ----------------------------- */
 /* module, gains superpower "BFC" Block Formating Context */
-.mod {
+.mod,
+.bfc {
  overflow: hidden;
 }
 /* blocks that needs to be placed under floats */
@ -651,6 +652,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
 */
 [class*="flex-container"],
 .flex-container {
+  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
@ -659,31 +661,39 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
          flex-wrap: wrap;
 }
 .flex-container-h {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
 }
 .flex-container-v {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
 }
 .flex-item-fluid {
+  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
 }
 .flex-item-first {
+  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
 }
 .flex-item-medium {
+  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
 }
 .flex-item-last {
+  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
@ -695,9 +705,12 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
 /* ==Grids                            */
 /* ---------------------------------- */
 [class*="grid-"] {
+  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
@ -707,6 +720,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
  margin-left: -1em;
 }
 [class*="grid-"] > * {
+  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
@ -1011,28 +1025,19 @@ table,
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
-  border: 1px solid #ccc;
 }
 .table {
  display: table;
 }
-table#recaptcha_table,
+#recaptcha_table,
 table.table-auto {
  table-layout: auto;
 }
-caption {
-  padding: 10px;
-  color: #555;
-  font-style: italic;
-}
 td,
 th {
-  padding: 0.3em 0.8em;
-  border: 1px #aaa dotted;
  vertical-align: top;
  min-width: 20px;
  cursor: default;
-  text-align: left;
 }
 /* ----------------------------- */
 /* ==forms                       */
@ -1578,6 +1583,8 @@ s,m,l,n = small, medium, large, none
    border: 0;
  }
  .flex-container {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
@ -1716,11 +1723,11 @@ s,m,l,n = small, medium, large, none
    page-break-inside: avoid;
  }
  /* page break before main headers
-	h1,
-	.h1-like {
-		page-break-before: always;
-	}
-	*/
+  h1,
+  .h1-like {
+    page-break-before: always;
+  }
+  */
  /* no breaks after these elements */
  h1,
  .h1-like,
@ -1874,6 +1881,22 @@ hr {
  color: #ccc;
  background-color: #ccc;
 }
+/* tables */
+table,
+.table {
+  border: 1px solid #ccc;
+}
+caption {
+  padding: 10px;
+  color: #555;
+  font-style: italic;
+}
+td,
+th {
+  padding: 0.3em 0.8em;
+  border: 1px #aaa dotted;
+  text-align: left;
+}
 /* alternate tables */
 .table-alternate {
  border: 0;
@ -2067,3 +2090,9 @@ img.wp-smiley {
 .gallery-caption {
  display: block;
 }
+/* ----------------------------- */
+/* ==own stylesheet              */
+/* ----------------------------- */
+/* Here should go your own CSS styles */
+/* You can also link them with a LESS @import */
+/* @import "my-styles.less"; */
--- a/css/knacss.css
+++ b/css/knacss.css
--- a/css/knacss.css.map
+++ b/css/knacss.css.map
--- a/gulpfile.js
+++ b/gulpfile.js
@ -19,7 +19,7 @@ gulp.task('css', function () {
    .pipe(gulp.dest('./css/'))
    .pipe(rename('knacss.css'))
    .pipe(sourcemaps.init())
-    .pipe(minifycss({keepBreaks:false,keepSpecialComments:0}))
+    .pipe(minifycss())
    .pipe(sourcemaps.write('.', {includeContent: false}))
    .pipe(gulp.dest('./css/'));
 });
@ -29,4 +29,4 @@ gulp.task('watch', function() {
  gulp.watch(['./less/*.less'], ['css']);
 });

-gulp.task('default', ['css']);
+gulp.task('default', ['css']);
--- a/less/_00-config.less
+++ b/less/_00-config.less
@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com V4.2.2 (26 juin 2015) @author: Raphael Goetter, Alsacreations
+* www.KNACSS.com V4.2.3 (1er juillet 2015) @author: Raphael Goetter, Alsacreations
 * Licence WTFPL http://www.wtfpl.net/
 */

--- a/less/_03-grids.less
+++ b/less/_03-grids.less
@ -2,7 +2,7 @@
 /* ==Grids                            */
 /* ---------------------------------- */

-// WARNING : KNACSS grids are flexbox based and only supported by IE10+
+// WARNING : KNACSS grids are flexbox based and only supported by IE10+ and Android4.4+
 // Tuto : http://www.alsacreations.com/tuto/lire/1659-une-grille-responsive-avec-flexbox-et-LESS.html
 // Demo : http://codepen.io/raphaelgoetter/pen/zxBMLW

--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
    "name": "knacss",
-    "version": "4.2.2",
+    "version": "4.2.3",
    "homepage": "http://www.knacss.com/",
    "bugs": "https://github.com/raphaelgoetter/KNACSS/issues",
    "author": [
--- a/sass/_00-config.scss
+++ b/sass/_00-config.scss
@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com V4.2.2 (26 juin 2015) @author: Raphael Goetter, Alsacreations
+* www.KNACSS.com V4.2.3 (1er juillet 2015) @author: Raphael Goetter, Alsacreations
 * Licence WTFPL http://www.wtfpl.net/
 */

--- a/sass/_03-grids.scss
+++ b/sass/_03-grids.scss
@ -2,7 +2,7 @@
 /* ==Grids                            */
 /* ---------------------------------- */

-// WARNING : KNACSS grids are flexbox based and only supported by IE10+
+// WARNING : KNACSS grids are flexbox based and only supported by IE10+ and Android4.4+
 // Tuto : http://www.alsacreations.com/tuto/lire/1659-une-grille-responsive-avec-flexbox-et-LESS.html
 // Demo : http://codepen.io/raphaelgoetter/pen/ZYjwEB