Version 4.4.0 (voir changelog)

sass/_00-config.scss

@@ -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 !default; // if "14px" then 1em = 14px
+$base-font-size : 1.4rem !default; // ex. 1.4rem would be "14px" equivalent
 $line-height    : 1.5 !default; // equiv line-height 1.5
 $h1-size        : 3.2rem !default; // equiv "32px"
 $h2-size        : 2.8rem !default; // equiv "28px"
@@ -16,10 +16,9 @@ $h5-size        : 1.8rem !default; // equiv "18px"
 $h6-size        : 1.6rem !default; // equiv "16px"
 
 // font stacks
-$font-stack-common    : Helvetica, Arial, sans-serif !default; // common font
-$font-stack-headings  : Helvetica, Arial, sans-serif !default; // headings font
-$font-stack-monospace : Consolas, DejaVu Sans Mono, Courier, monospace !default; // monospace font
-$font-stack-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif !default; // universal stack
+$font-stack-common    : sans-serif !default; // common font
+$font-stack-headings  : sans-serif !default; // headings font
+$font-stack-monospace : consolas, courier, monospace !default; // monospace font
 
 // font colors
 $base-color             : #000 !default; // text color on body and content

sass/_01b-base.scss

@@ -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: ($base-font-size / 10px) + em;
+  font-size: $base-font-size;
 
   background-color: $base-background;
   color: $base-color;
@@ -154,33 +148,6 @@ var {
   font-style: italic;
 }
 
-/* ----------------------------- */
-/* == hiding content             */
-/* ----------------------------- */
-
-/* hidden but not for assistance tools, 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       */
 /* ----------------------------- */

sass/_02-layout.scss

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

sass/_06-helpers.scss

@@ -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 !       */
@@ -227,6 +262,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;

sass/_09-misc.scss

@@ -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%;

sass/knacss.scss

@@ -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              */