Version 4.4.0 (voir changelog)

less/_00-config.less

@@ -1,12 +1,12 @@
 /*!
-* www.KNACSS.com V4.3.6 (10 novembre 2015) @author: Raphael Goetter, Alsacreations
+* www.KNACSS.com V4.4.0 (12 décembre 2015) @author: Raphael Goetter, Alsacreations
 * Licence WTFPL http://www.wtfpl.net/
 */
 
 // Config file and project variables
 
 // font sizes
-@base-font-size : 14px; // if "14px" then 1em = 14px
+@base-font-size : 1.4rem; // ex. 1.4rem would be "14px" equivalent
 @line-height    : 1.5; // equiv line-height 1.5
 @h1-size        : 3.2rem; // equiv "32px"
 @h2-size        : 2.8rem; // equiv "28px"
@@ -16,10 +16,9 @@
 @h6-size        : 1.6rem; // equiv "16px"
 
 // font stacks
-@font-stack-common      : Helvetica, Arial, sans-serif; // common font
-@font-stack-headings    : Helvetica, Arial, sans-serif; // headings font
-@font-stack-monospace   : Consolas, "DejaVu Sans Mono", Courier, monospace; // monospace font
-@font-stack-universal   : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack
+@font-stack-common      : sans-serif; // common font
+@font-stack-headings    : sans-serif; // headings font
+@font-stack-monospace   : consolas, courier, monospace; // monospace font
 
 // font colors
 @base-color             : #000; // text color on body and content

less/_01b-base.less

@@ -16,10 +16,6 @@ ol {
   padding-left: 2em;
 }
 
-ul.@{kna-namespace}unstyled {
-  list-style: none;
-}
-
 img {
   vertical-align: middle;
 }
@@ -50,9 +46,7 @@ html {
 }
 
 body {
-
-  /* set body font-size in em (1.4em equiv "14px") */
-  font-size: unit((@base-font-size / 10), em);
+  font-size: @base-font-size;
 
   background-color: @base-background;
   color: @base-color;
@@ -160,33 +154,6 @@ var {
   font-style: italic;
 }
 
-/* ----------------------------- */
-/* == hiding content             */
-/* ----------------------------- */
-
-/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
-.visually-hidden {
-  position: absolute !important;
-  border: 0 !important;
-  height: 1px !important;
-  width: 1px !important;
-  padding: 0 !important;
-  overflow: hidden !important;
-  clip: rect(0, 0, 0, 0) !important;
-}
-
-@media (max-width: @small-screen) {
-  .@{kna-namespace}no-small-screen {
-    display: none;
-  }
-}
-
-@media (min-width: @large-screen) {
-  .@{kna-namespace}no-large-screen {
-    display: none;
-  }
-}
-
 /* ----------------------------- */
 /* == browsers consistency       */
 /* ----------------------------- */

less/_02-layout.less

@@ -3,8 +3,8 @@
 /* ----------------------------- */
 
 /* module, gains superpower "BFC" Block Formating Context */
-.@{kna-namespace}mod,
-.@{kna-namespace}bfc {
+.mod,
+.bfc {
   overflow: hidden;
 }
 

less/_06-helpers.less

@@ -1,3 +1,38 @@
+/* ---------------------------------- */
+/* ==state helpers                    */
+/* ---------------------------------- */
+
+/* invisible for all */
+.is-hidden,
+[hidden] {
+  display: none;
+}
+
+/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
+.visually-hidden {
+  position: absolute !important;
+  border: 0 !important;
+  height: 1px !important;
+  width: 1px !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+}
+
+.is-disabled,
+[disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: not-allowed;
+  filter: grayscale(1);
+}
+
+ul.is-unstyled,
+ul.unstyled {
+  list-style: none;
+  padding-left: 0;
+}
+
 /* ---------------------------------- */
 /* ==visual helpers                   */
 /* .. use them with parcimony !       */
@@ -228,6 +263,26 @@ s,m,l,n = small, medium, large, none
   margin-left: @large-value;
 }
 
+.@{kna-namespace}mauto {
+  margin: auto;
+}
+
+.@{kna-namespace}mtauto {
+  margin-top: auto;
+}
+
+.@{kna-namespace}mrauto {
+  margin-right: auto;
+}
+
+.@{kna-namespace}mbauto {
+  margin-bottom: auto;
+}
+
+.@{kna-namespace}mlauto {
+  margin-left: auto;
+}
+
 .@{kna-namespace}ptn,
 .@{kna-namespace}pt0 {
   padding-top: 0;

less/_09-misc.less

@@ -42,6 +42,14 @@
   }
 }
 
+// use .no-wrapping to disallow hyphens on small screens
+@media (max-width: @small-screen) {
+  .no-wrapping {
+    word-wrap: normal;
+    hyphens: manual;
+  }
+}
+
 /* Google Gmap3 bug fix on images */
 .gm-style img {
   height: 100%;

less/knacss.less

@@ -22,7 +22,7 @@
 @import "_10-styling"; // minor stylings
 
 // WordPress base styles
-@import "_11-wordpress"; // WordPress reset and basic styles
+// @import "_11-wordpress"; // WordPress reset and basic styles
 
 /* ----------------------------- */
 /* ==own stylesheet              */