v7.0.7 (3 juillet 2018)

cohérence de renommage pour les classes utilitaires (ajout du préfixe `.u-` uniformément)

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "KNACSS",
-  "version": "7.0.6",
+  "version": "7.0.7",
   "homepage": "http://www.knacss.com/",
   "authors": [
     "Raphaël GOETTER, Alsacreations"

changelog.md

@@ -1,3 +1,6 @@
+# changelog v7.0.7 (3 juillet 2018)
+- cohérence de renommage pour les classes utilitaires (ajout du préfixe `.u-` uniformément)
+
 # changelog v7.0.5 (25 mai 2018)
 - mise à jour des styles, SVG, et variables des checkbox, radio et switches
 

css/knacss-unminified.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
-* www.KNACSS.com v7.0.6 (mai, 25 2018) @author: Alsacreations, Raphael Goetter
+* www.KNACSS.com v7.0.7 (july, 3 2018) @author: Alsacreations, Raphael Goetter
 * Licence WTFPL http://www.wtfpl.net/
 */
 /* ----------------------------- */
@@ -754,81 +754,7 @@ kbd {
 /* ----------------------------- */
 /* ==Global Micro Layout         */
 /* ----------------------------- */
-/* module, gains superpower "BFC" Block Formating Context */
+/* Flexbox layout is KNACSS choice
-.mod,
-.bfc {
-  overflow: hidden;
-}
-
-/* blocks that need to be placed under floats */
-.clear {
-  clear: both;
-}
-
-/* blocks that must contain floats */
-.clearfix::after {
-  content: "";
-  display: table;
-  clear: both;
-  border-collapse: collapse;
-}
-
-/* simple blocks alignment */
-.left {
-  margin-right: auto;
-}
-
-.right {
-  margin-left: auto;
-}
-
-.center {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-/* text and contents alignment */
-.txtleft {
-  text-align: left;
-}
-
-.txtright {
-  text-align: right;
-}
-
-.txtcenter {
-  text-align: center;
-}
-
-/* floating elements */
-.fl {
-  float: left;
-}
-
-img.fl {
-  margin-right: 1rem;
-}
-
-.fr {
-  float: right;
-}
-
-img.fr {
-  margin-left: 1rem;
-}
-
-img.fl,
-img.fr {
-  margin-bottom: 0.5rem;
-}
-
-/* inline-block */
-.inbl {
-  display: inline-block;
-  vertical-align: top;
-}
-
-/* flexbox layout
 http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
 */
 .flex-container, .flex-container--row,
@@ -948,6 +874,98 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
   text-overflow: ellipsis;
 }
 
+/* text and contents alignment */
+.txtleft,
+.u-txt-left {
+  text-align: left;
+}
+
+.txtright,
+.u-txt-right {
+  text-align: right;
+}
+
+.txtcenter,
+.u-txt-center {
+  text-align: center;
+}
+
+/* blocks that need to be placed under floats */
+.clear,
+.u-clear {
+  clear: both;
+}
+
+/* blocks that must contain floats */
+.clearfix::after,
+.u-clearfix::after {
+  content: "";
+  display: table;
+  clear: both;
+  border-collapse: collapse;
+}
+
+/* simple blocks alignment */
+.left .u-left {
+  margin-right: auto;
+}
+
+.right,
+.u-right {
+  margin-left: auto;
+}
+
+.center,
+.u-center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* Global Micro Layout */
+/* ------------------- */
+/* module, gains superpower "BFC" Block Formating Context */
+.mod,
+.u-mod,
+.bfc,
+.u-bfc {
+  overflow: hidden;
+}
+
+/* floating elements */
+.fl,
+.u-fl {
+  float: left;
+}
+
+img.fl,
+img.u-fl {
+  margin-right: 1rem;
+}
+
+.fr,
+.u-fr {
+  float: right;
+}
+
+img.fr,
+img.u-fr {
+  margin-left: 1rem;
+}
+
+img.fl,
+img.fr,
+img.u-fl,
+img.u-fr {
+  margin-bottom: 0.5rem;
+}
+
+/* inline-block */
+.inbl,
+.u-inbl {
+  display: inline-block;
+  vertical-align: top;
+}
+
 /* State Helpers */
 /* ------------- */
 /* invisible for all */

sass/_library/_layout.scss

@@ -2,83 +2,7 @@
 /* ==Global Micro Layout         */
 /* ----------------------------- */
 
-/* module, gains superpower "BFC" Block Formating Context */
+/* Flexbox layout is KNACSS choice
-.mod,
-.bfc {
-  overflow: hidden;
-}
-
-/* blocks that need to be placed under floats */
-.clear {
-  clear: both;
-}
-
-/* blocks that must contain floats */
-.clearfix {
-  &::after {
-    content: "";
-    display: table;
-    clear: both;
-    border-collapse: collapse;
-  }
-}
-
-/* simple blocks alignment */
-.left {
-  margin-right: auto;
-}
-
-.right {
-  margin-left: auto;
-}
-
-.center {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-/* text and contents alignment */
-.txtleft {
-  text-align: left;
-}
-
-.txtright {
-  text-align: right;
-}
-
-.txtcenter {
-  text-align: center;
-}
-
-/* floating elements */
-.fl {
-  float: left;
-}
-
-img.fl {
-  margin-right: $spacer-small;
-}
-
-.fr {
-  float: right;
-}
-
-img.fr {
-  margin-left: $spacer-small;
-}
-
-img.fl,
-img.fr {
-  margin-bottom: $spacer-tiny;
-}
-
-/* inline-block */
-.inbl {
-  display: inline-block;
-  vertical-align: top;
-}
-
-/* flexbox layout
 http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
 */
 

sass/_library/_utilities.scss

@@ -57,6 +57,23 @@
   text-overflow: ellipsis;
 }
 
+/* text and contents alignment */
+
+.txtleft,
+.u-txt-left {
+  text-align: left;
+}
+
+.txtright,
+.u-txt-right {
+  text-align: right;
+}
+
+.txtcenter,
+.u-txt-center {
+  text-align: center;
+}
+
 @if variable-exists(hyphens) and $hyphens==true {
   @media (max-width: ($small - 1)) {
     div,
@@ -74,6 +91,92 @@
   }
 }
 
+/* blocks that need to be placed under floats */
+
+.clear,
+.u-clear {
+  clear: both;
+}
+
+/* blocks that must contain floats */
+
+.clearfix,
+.u-clearfix {
+  &::after {
+    content: "";
+    display: table;
+    clear: both;
+    border-collapse: collapse;
+  }
+}
+
+/* simple blocks alignment */
+
+.left
+.u-left {
+  margin-right: auto;
+}
+
+.right,
+.u-right {
+  margin-left: auto;
+}
+
+.center,
+.u-center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* Global Micro Layout */
+/* ------------------- */
+
+/* module, gains superpower "BFC" Block Formating Context */
+
+.mod,
+.u-mod,
+.bfc,
+.u-bfc {
+  overflow: hidden;
+}
+
+/* floating elements */
+
+.fl,
+.u-fl {
+  float: left;
+}
+
+img.fl,
+img.u-fl {
+  margin-right: $spacer-small;
+}
+
+.fr,
+.u-fr {
+  float: right;
+}
+
+img.fr,
+img.u-fr {
+  margin-left: $spacer-small;
+}
+
+img.fl,
+img.fr,
+img.u-fl,
+img.u-fr {
+  margin-bottom: $spacer-tiny;
+}
+
+/* inline-block */
+
+.inbl,
+.u-inbl {
+  display: inline-block;
+  vertical-align: top;
+}
+
 /* State Helpers */
 /* ------------- */
 

sass/knacss.scss

@@ -1,5 +1,5 @@
 /*!
-* www.KNACSS.com v7.0.6 (mai, 25 2018) @author: Alsacreations, Raphael Goetter
+* www.KNACSS.com v7.0.7 (july, 3 2018) @author: Alsacreations, Raphael Goetter
 * Licence WTFPL http://www.wtfpl.net/
 */