diff --git a/.editorconfig b/.editorconfig
index e3cdfbd..2b35406 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -1,10 +1,9 @@
-# editorconfig.org
 root = true
 
 [*]
-indent_style = tab
-indent_size = 4
-end_of_line = lf
+indent_style = space
+indent_size = 2
+end_of_line = lf # doesn't work yet
 charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
\ No newline at end of file
+trim_trailing_whitespace = true # doesn't work yet
+insert_final_newline = true # doesn't work yet
diff --git a/less/_01b-base.less b/less/_01b-base.less
index f50595e..a6c9c6a 100644
--- a/less/_01b-base.less
+++ b/less/_01b-base.less
@@ -4,35 +4,35 @@
 
 /* switching to border-box model for all elements */
 html {
-	box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 * {
-	box-sizing: inherit;
+  box-sizing: inherit;
 }
 
 ul,
 ol {
-	padding-left: 2em;
+  padding-left: 2em;
 }
 
 ul.@{kna-namespace}unstyled {
-	list-style: none;
+  list-style: none;
 }
 
 img {
-	vertical-align: middle;
+  vertical-align: middle;
 }
 
 /* height auto only for non SVG images */
 img:not([src$=".svg"]) {
-	height: auto;
+  height: auto;
 }
 
 blockquote,
 figure {
-	margin-left: 0;
-	margin-right: 0;
+  margin-left: 0;
+  margin-right: 0;
 }
 
 /* ----------------------------- */
@@ -41,34 +41,34 @@ figure {
 
 html {
 
-	/* set base font-size to equiv "10px", which is adapted to rem unit */
-	font-size: 62.5%;
+  /* set base font-size to equiv "10px", which is adapted to rem unit */
+  font-size: 62.5%;
 
-	/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
-	/* thanks to @guardian, @victorbritopro and @eQRoeil */
-	font-size: ~'calc(1em * .625)';
+  /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
+  /* thanks to @guardian, @victorbritopro and @eQRoeil */
+  font-size: ~'calc(1em * .625)';
 
-	/* disallow text zooming on orientation change (non standard property) */
-	-webkit-text-size-adjust: 100%;
-	    -ms-text-size-adjust: 100%;
+  /* disallow text zooming on orientation change (non standard property) */
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
 }
 
 body {
 
-	/* set body font-size in em (1.4em equiv "14px") */
-	font-size: unit((@base-font-size / 10), em);
+  /* set body font-size in em (1.4em equiv "14px") */
+  font-size: unit((@base-font-size / 10), em);
 
-	background-color: @base-background;
-	color: @base-color;
-	font-family: @font-stack-common;
-	line-height: @line-height;
+  background-color: @base-background;
+  color: @base-color;
+  font-family: @font-stack-common;
+  line-height: @line-height;
 }
 
 a {
-	color: @base-color-link;
-	&:hover, &:focus, &:active {
-		color: @base-color-link-hover;
-	}
+  color: @base-color-link;
+  &:hover, &:focus, &:active {
+    color: @base-color-link-hover;
+  }
 }
 
 /* font-sizing for content */
@@ -86,73 +86,73 @@ textarea,
 caption,
 details,
 figure {
-	margin-top: 0.75em;
-	margin-bottom: 0;
-	line-height: @line-height;
+  margin-top: 0.75em;
+  margin-bottom: 0;
+  line-height: @line-height;
 }
 
 h1,
 .@{kna-namespace}h1-like {
-	font-size: @h1-size;
-	font-family: @font-stack-headings;
+  font-size: @h1-size;
+  font-family: @font-stack-headings;
 }
 
 h2,
 .@{kna-namespace}h2-like {
-	font-size: @h2-size;
-	font-family: @font-stack-headings;
+  font-size: @h2-size;
+  font-family: @font-stack-headings;
 }
 
 h3,
 .@{kna-namespace}h3-like {
-	font-size: @h3-size;
+  font-size: @h3-size;
 }
 
 h4,
 .@{kna-namespace}h4-like {
-	font-size: @h4-size;
+  font-size: @h4-size;
 }
 
 h5,
 .@{kna-namespace}h5-like {
-	font-size: @h5-size;
+  font-size: @h5-size;
 }
 
 h6,
 .@{kna-namespace}h6-like {
-	font-size: @h6-size;
+  font-size: @h6-size;
 }
 
 /* alternate font-sizing */
 .@{kna-namespace}smaller {
-	font-size: 0.6em;
+  font-size: 0.6em;
 }
 
 .@{kna-namespace}small {
-	font-size: 0.8em;
+  font-size: 0.8em;
 }
 
 .@{kna-namespace}big {
-	font-size: 1.2em;
+  font-size: 1.2em;
 }
 
 .@{kna-namespace}bigger {
-	font-size: 1.5em;
+  font-size: 1.5em;
 }
 
 .@{kna-namespace}biggest {
-	font-size: 2em;
+  font-size: 2em;
 }
 
 code,
 pre,
 samp,
 kbd {
-	/* IE fix */
-	white-space: pre-line;
-	white-space: pre-wrap;
-	font-family: @font-stack-monospace;
-	line-height: normal;
+  /* IE fix */
+  white-space: pre-line;
+  white-space: pre-wrap;
+  font-family: @font-stack-monospace;
+  line-height: normal;
 }
 
 em,
@@ -161,7 +161,7 @@ address,
 cite,
 i,
 var {
-	font-style: italic;
+  font-style: italic;
 }
 
 /* ----------------------------- */
@@ -170,25 +170,25 @@ var {
 
 /* hidden but not for an assistive technology like a screen reader, Yahoo! method */
 .@{kna-namespace}visually-hidden {
-	position: absolute !important;
-	border: 0 !important;
-	height: 1px !important;
-	width: 1px !important;
-	padding: 0 !important;
-	overflow: hidden !important;
-	clip: rect(1px, 1px, 1px, 1px) !important;
+  position: absolute !important;
+  border: 0 !important;
+  height: 1px !important;
+  width: 1px !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
 }
 
 @media (max-width: @small-screen) {
-	.@{kna-namespace}no-small-screen {
-		display: none;
-	}
+  .@{kna-namespace}no-small-screen {
+    display: none;
+  }
 }
 
 @media (min-width: @large-screen) {
-	.@{kna-namespace}no-large-screen {
-		display: none;
-	}
+  .@{kna-namespace}no-large-screen {
+    display: none;
+  }
 }
 
 /* ----------------------------- */
@@ -215,9 +215,9 @@ h5,
 .@{kna-namespace}h5-like,
 h6,
 .@{kna-namespace}h6-like {
-	&:first-child {
-		margin-top: 0;
-	}
+  &:first-child {
+    margin-top: 0;
+  }
 }
 
 /* avoid margins on nested elements */
@@ -225,8 +225,8 @@ li p,
 li .@{kna-namespace}p-like,
 li ul,
 li ol {
-	margin-top: 0;
-	margin-bottom: 0;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 /* max values */
@@ -240,10 +240,10 @@ textarea,
 input,
 video,
 svg {
-	max-width: 100%;
+  max-width: 100%;
 }
 
 /* margin-bottom on tables */
 table {
-	margin-bottom: @medium-value;
+  margin-bottom: @medium-value;
 }
diff --git a/less/_02-layout.less b/less/_02-layout.less
index d2daa18..a07acfb 100644
--- a/less/_02-layout.less
+++ b/less/_02-layout.less
@@ -4,98 +4,98 @@
 
 /* module, gains superpower "BFC" Block Formating Context */
 .@{kna-namespace}mod {
-	overflow: hidden;
+  overflow: hidden;
 }
 
 /* blocks that needs to be placed under floats */
 .@{kna-namespace}clear,
 .@{kna-namespace}line,
 .@{kna-namespace}row {
-	clear: both;
+  clear: both;
 }
 
 /* blocks that must contain floats */
 .@{kna-namespace}clearfix,
 .@{kna-namespace}line {
-	&::after {
-		content: "";
-		display: table;
-		clear: both;
-		border-collapse: collapse;
-	}
+  &::after {
+    content: "";
+    display: table;
+    clear: both;
+    border-collapse: collapse;
+  }
 }
 
 /* simple blocks alignment */
 .@{kna-namespace}left {
-	margin-right: auto;
+  margin-right: auto;
 }
 
 .@{kna-namespace}right {
-	margin-left: auto;
+  margin-left: auto;
 }
 
 .@{kna-namespace}center {
-	margin-left: auto;
-	margin-right: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 /* text and contents alignment */
 .@{kna-namespace}txtleft {
-	text-align: left;
+  text-align: left;
 }
 
 .@{kna-namespace}txtright {
-	text-align: right;
+  text-align: right;
 }
 
 .@{kna-namespace}txtcenter {
-	text-align: center;
+  text-align: center;
 }
 
 /* floating elements */
 .@{kna-namespace}fl {
-	float: left;
+  float: left;
 }
 
 img.@{kna-namespace}fl {
-	margin-right: @small-value;
+  margin-right: @small-value;
 }
 
 .@{kna-namespace}fr {
-	float: right;
+  float: right;
 }
 
 img.@{kna-namespace}fr {
-	margin-left: @small-value;
+  margin-left: @small-value;
 }
 
 img.@{kna-namespace}fl,
 img.@{kna-namespace}fr {
-	margin-bottom: @tiny-value;
+  margin-bottom: @tiny-value;
 }
 
 /* table layout */
 .@{kna-namespace}row {
-	display: table;
-	table-layout: fixed;
-	width: 100%;
+  display: table;
+  table-layout: fixed;
+  width: 100%;
 }
 
 .@{kna-namespace}row > *,
 .@{kna-namespace}col {
-	display: table-cell;
-	vertical-align: top;
+  display: table-cell;
+  vertical-align: top;
 }
 
 /* no table-cell for script tag when body is a .row */
 body > script {
-	display: none !important;
+  display: none !important;
 }
 
 /* inline-block */
 .@{kna-namespace}inbl {
-	display: inline-block;
-	vertical-align: top;
+  display: inline-block;
+  vertical-align: top;
 }
 
 /* flexbox layout
@@ -104,34 +104,34 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
 
 [class*="@{kna-namespace}flex-container"],
 .@{kna-namespace}flex-container {
-	display : flex;
-	flex-wrap: wrap;
+  display : flex;
+  flex-wrap: wrap;
 }
 
 .@{kna-namespace}flex-container-h {
-	flex-direction: row;
+  flex-direction: row;
 }
 
 .@{kna-namespace}flex-container-v {
-	flex-direction: column;
+  flex-direction: column;
 }
 
 .@{kna-namespace}flex-item-fluid {
-	flex: 1;
+  flex: 1;
 }
 
 .@{kna-namespace}flex-item-first {
-	order : -1;
+  order : -1;
 }
 
 .@{kna-namespace}flex-item-medium {
-	order : 0;
+  order : 0;
 }
 
 .@{kna-namespace}flex-item-last {
-	order : 1;
+  order : 1;
 }
 
 .@{kna-namespace}flex-item-center {
-	margin: auto;
+  margin: auto;
 }
diff --git a/less/_03-grids.less b/less/_03-grids.less
index f898908..5a1fbcf 100644
--- a/less/_03-grids.less
+++ b/less/_03-grids.less
@@ -18,133 +18,133 @@
 // example : .grid-perso { .uneven-grid(2, 1); }
 
 [class*="@{kna-namespace}grid-"] {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	margin-left: -@gutter;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-left: -@gutter;
 }
 
 [class*="@{kna-namespace}grid-"] > * {
-	flex: 0 0 auto;
-	display: block; /* IE fix */
-	width: ~'calc(100% * 1 / @{number} - @{gutter} - .01px)';
-	margin-left: @gutter;
+  flex: 0 0 auto;
+  display: block; /* IE fix */
+  width: ~'calc(100% * 1 / @{number} - @{gutter} - .01px)';
+  margin-left: @gutter;
 }
 
 // LESS mixins for *equal* columns grid container
 // example : .grid-perso { .grid(12); }
 .grid(@number:@number, @gutter:@gutter) {
  & > * {
-	  width: ~'calc(100% * 1 / @{number} - @{gutter} - .01px)';
-	}
-	& > .@{kna-namespace}flex-item-double {
-		width: ~'calc(100% * 2 / @{number} - @{gutter} - .01px)';
-	}
-	@media (min-width: (@tiny-screen + 1)) and (max-width: @small-screen) {
-		& > * {
-			width: ~'calc(100% * 1 / 2 - @{gutter} - .01px)';
-		}
-		& > .@{kna-namespace}flex-item-double {
-			width: ~'calc(100% - @{gutter} - .01px)';
-		}
-	}
-	@media (max-width: @tiny-screen) {
-		& > * {
-			width: ~'calc(100% - @{gutter} - .01px)';
-		}
-		& > .@{kna-namespace}flex-item-double {
-			width: ~'calc(100% - @{gutter} - .01px)';
-		}
-	}
+    width: ~'calc(100% * 1 / @{number} - @{gutter} - .01px)';
+  }
+  & > .@{kna-namespace}flex-item-double {
+    width: ~'calc(100% * 2 / @{number} - @{gutter} - .01px)';
+  }
+  @media (min-width: (@tiny-screen + 1)) and (max-width: @small-screen) {
+    & > * {
+      width: ~'calc(100% * 1 / 2 - @{gutter} - .01px)';
+    }
+    & > .@{kna-namespace}flex-item-double {
+      width: ~'calc(100% - @{gutter} - .01px)';
+    }
+  }
+  @media (max-width: @tiny-screen) {
+    & > * {
+      width: ~'calc(100% - @{gutter} - .01px)';
+    }
+    & > .@{kna-namespace}flex-item-double {
+      width: ~'calc(100% - @{gutter} - .01px)';
+    }
+  }
 }
 
 // Examples : will be compiled in CSS
 
 .@{kna-namespace}grid-2 {
-	.grid(2);
+  .grid(2);
 }
 
 .@{kna-namespace}grid-3 {
-	.grid(3);
+  .grid(3);
 }
 
 .@{kna-namespace}grid-4 {
-	.grid(4);
+  .grid(4);
 }
 
 .@{kna-namespace}grid-5 {
-	.grid(5);
+  .grid(5);
 }
 
 .@{kna-namespace}grid-6 {
-	.grid(6);
+  .grid(6);
 }
 
 .@{kna-namespace}grid-7 {
-	.grid(7);
+  .grid(7);
 }
 
 .@{kna-namespace}grid-8 {
-	.grid(8);
+  .grid(8);
 }
 
 .@{kna-namespace}grid-10 {
-	.grid(10);
+  .grid(10);
 }
 
 .@{kna-namespace}grid-12 {
-	.grid(12);
+  .grid(12);
 }
 
 // LESS mixins for *unequal* columns grid container
 // example : .grid-perso { .uneven-grid(2, 1); }
  .uneven-grid(@left:@left, @right:@right, @gutter:@gutter) {
-	& > *:nth-child(odd) {
-		@size: (@left / (@left + @right)) * 100%;
-		width: ~'calc(@{size} - @{gutter})';
-	}
-	& > *:nth-child(even) {
-		@size: (@right / (@left + @right)) * 100%;
-		width: ~'calc(@{size} - @{gutter})';
-	}
-	@media (max-width: @tiny-screen) {
-		& > *:nth-child(n) {
-			width: ~'calc(100% - @{gutter})';
-		}
-	}
+  & > *:nth-child(odd) {
+    @size: (@left / (@left + @right)) * 100%;
+    width: ~'calc(@{size} - @{gutter})';
+  }
+  & > *:nth-child(even) {
+    @size: (@right / (@left + @right)) * 100%;
+    width: ~'calc(@{size} - @{gutter})';
+  }
+  @media (max-width: @tiny-screen) {
+    & > *:nth-child(n) {
+      width: ~'calc(100% - @{gutter})';
+    }
+  }
 }
 
 
 // Examples : will be compiled in CSS
 
 .@{kna-namespace}grid-2-1 {
-	.uneven-grid(2,1);
+  .uneven-grid(2,1);
 }
 
 .@{kna-namespace}grid-1-2 {
-	.uneven-grid(1,2);
+  .uneven-grid(1,2);
 }
 
 .@{kna-namespace}grid-3-1 {
-	.uneven-grid(3,1);
+  .uneven-grid(3,1);
 }
 
 .@{kna-namespace}grid-1-3 {
-	.uneven-grid(1,3);
+  .uneven-grid(1,3);
 }
 
 .@{kna-namespace}grid-3-2 {
-	.uneven-grid(3,2);
+  .uneven-grid(3,2);
 }
 
 .@{kna-namespace}grid-2-3 {
-	.uneven-grid(2,3);
+  .uneven-grid(2,3);
 }
 
 .@{kna-namespace}grid-4-1 {
-	.uneven-grid(4,1);
+  .uneven-grid(4,1);
 }
 
 .@{kna-namespace}grid-1-4 {
-	.uneven-grid(1,4);
+  .uneven-grid(1,4);
 }
diff --git a/less/_04-tables.less b/less/_04-tables.less
index 7d740d1..b160616 100644
--- a/less/_04-tables.less
+++ b/less/_04-tables.less
@@ -4,35 +4,35 @@
 
 table,
 .@{kna-namespace}table {
-	width: 100%;
-	max-width : 100%;
-	table-layout: fixed;
-	border-collapse: collapse;
-	vertical-align: top;
-	border: 1px solid #ccc;
+  width: 100%;
+  max-width : 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+  vertical-align: top;
+  border: 1px solid #ccc;
 }
 
 .@{kna-namespace}table {
-	display: table;
+  display: table;
 }
 
 table#@{kna-namespace}recaptcha_table,
 table.@{kna-namespace}table-auto {
-	table-layout:auto;
+  table-layout:auto;
 }
 
 caption {
-	padding: @small-value;
-	color: #555;
-	font-style: italic;
+  padding: @small-value;
+  color: #555;
+  font-style: italic;
 }
 
 td,
 th {
-	padding: 0.3em 0.8em;
-	border: 1px #aaa dotted;
-	vertical-align: top;
-	min-width: @medium-value;
-	cursor: default;
-	text-align: left;
+  padding: 0.3em 0.8em;
+  border: 1px #aaa dotted;
+  vertical-align: top;
+  min-width: @medium-value;
+  cursor: default;
+  text-align: left;
 }
diff --git a/less/_05-forms.less b/less/_05-forms.less
index 89e4108..d330b2d 100644
--- a/less/_05-forms.less
+++ b/less/_05-forms.less
@@ -8,13 +8,13 @@
 
 /* buttons */
 .@{kna-namespace}btn {
-	display: inline-block;
+  display: inline-block;
 }
 
 /* forms items */
 form,
 fieldset {
-	border: none;
+  border: none;
 }
 
 input,
@@ -22,9 +22,9 @@ button,
 select,
 label,
 .@{kna-namespace}btn {
-	vertical-align: middle;
-	font-family: inherit;
-	font-size: inherit;
+  vertical-align: middle;
+  font-family: inherit;
+  font-size: inherit;
 }
 
 button,
@@ -32,30 +32,30 @@ input,
 optgroup,
 select,
 textarea {
-	color: @base-color;
+  color: @base-color;
 }
 
 label {
-	display: inline-block;
-	vertical-align: middle;
-	cursor: pointer;
+  display: inline-block;
+  vertical-align: middle;
+  cursor: pointer;
 }
 
 legend {
-	border: 0;
-	white-space: normal;
+  border: 0;
+  white-space: normal;
 }
 
 textarea {
-	min-height: 5em;
-	vertical-align: top;
-	font-family: inherit;
-	font-size: inherit;
-	resize: vertical;
+  min-height: 5em;
+  vertical-align: top;
+  font-family: inherit;
+  font-size: inherit;
+  resize: vertical;
 }
 
 select {
-	-webkit-appearance: menulist-button;
+  -webkit-appearance: menulist-button;
 }
 
 /* if select styling bugs on WebKit */
@@ -66,49 +66,49 @@ input[type="search"]::-webkit-search-decoration,
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-results-button,
 input[type="search"]::-webkit-search-results-decoration {
-	display: none;
+  display: none;
 }
 
 ::-webkit-input-placeholder {
-	color: #777;
+  color: #777;
 }
 
 input:-moz-placeholder,
 textarea:-moz-placeholder {
-	color: #777;
+  color: #777;
 }
 
 .@{kna-namespace}btn:focus,
 input[type="button"]:focus,
 button:focus {
-	outline: 0;
-	-webkit-tap-highlight-color: transparent;
-	-webkit-user-select: none;
-	   -moz-user-select: none;
-	    -ms-user-select: none;
-	        user-select: none;
+  outline: 0;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 
 /* unstyled forms */
 .@{kna-namespace}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;
+  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;
-		}
-	}
+    &:focus {
+      box-shadow: none;
+      outline: none;
+    }
+  }
 }
diff --git a/less/_06-helpers.less b/less/_06-helpers.less
index d157b9c..7713eae 100644
--- a/less/_06-helpers.less
+++ b/less/_06-helpers.less
@@ -5,120 +5,120 @@
 
 /* blocks widths (percentage and pixels) */
 .@{kna-namespace}w10 {
-	width: 10%;
+  width: 10%;
 }
 
 .@{kna-namespace}w20 {
-	width: 20%;
+  width: 20%;
 }
 
 .@{kna-namespace}w25 {
-	width: 25%;
+  width: 25%;
 }
 
 .@{kna-namespace}w30 {
-	width: 30%;
+  width: 30%;
 }
 
 .@{kna-namespace}w33 {
-	width: 33.3333%;
+  width: 33.3333%;
 }
 
 .@{kna-namespace}w40 {
-	width: 40%;
+  width: 40%;
 }
 
 .@{kna-namespace}w50 {
-	width: 50%;
+  width: 50%;
 }
 
 .@{kna-namespace}w60 {
-	width: 60%;
+  width: 60%;
 }
 
 .@{kna-namespace}w66 {
-	width: 66.6666%;
+  width: 66.6666%;
 }
 
 .@{kna-namespace}w70 {
-	width: 70%;
+  width: 70%;
 }
 
 .@{kna-namespace}w75 {
-	width: 75%;
+  width: 75%;
 }
 
 .@{kna-namespace}w80 {
-	width: 80%;
+  width: 80%;
 }
 
 .@{kna-namespace}w90 {
-	width: 90%;
+  width: 90%;
 }
 
 .@{kna-namespace}w100 {
-	width: 100%;
+  width: 100%;
 }
 
 
 .@{kna-namespace}w50p {
-	width: 50px;
+  width: 50px;
 }
 
 .@{kna-namespace}w100p {
-	width: 100px;
+  width: 100px;
 }
 
 .@{kna-namespace}w150p {
-	width: 150px;
+  width: 150px;
 }
 
 .@{kna-namespace}w200p {
-	width: 200px;
+  width: 200px;
 }
 
 .@{kna-namespace}w300p {
-	width: 300px;
+  width: 300px;
 }
 
 .@{kna-namespace}w400p {
-	width: 400px;
+  width: 400px;
 }
 
 .@{kna-namespace}w500p {
-	width: 500px;
+  width: 500px;
 }
 
 .@{kna-namespace}w600p {
-	width: 600px;
+  width: 600px;
 }
 
 .@{kna-namespace}w700p {
-	width: 700px;
+  width: 700px;
 }
 
 .@{kna-namespace}w800p {
-	width: 800px;
+  width: 800px;
 }
 
 .@{kna-namespace}w960p {
-	width: 960px;
+  width: 960px;
 }
 
 .@{kna-namespace}mw960p {
-	max-width: 960px;
+  max-width: 960px;
 }
 
 .@{kna-namespace}w1140p {
-	width: 1140px;
+  width: 1140px;
 }
 
 .@{kna-namespace}mw1140p {
-	max-width: 1140px;
+  max-width: 1140px;
 }
 
 .@{kna-namespace}wauto {
-	width: auto;
+  width: auto;
 }
 
 /* spacing helpers
@@ -128,170 +128,170 @@ s,m,l,n = small, medium, large, none
 */
 .@{kna-namespace}man,
 .@{kna-namespace}ma0 {
-	margin: 0;
+  margin: 0;
 }
 
 .@{kna-namespace}pan,
 .@{kna-namespace}pa0 {
-	padding: 0;
+  padding: 0;
 }
 
 .@{kna-namespace}mas {
-	margin: @small-value;
+  margin: @small-value;
 }
 
 .@{kna-namespace}mam {
-	margin: @medium-value;
+  margin: @medium-value;
 }
 
 .@{kna-namespace}mal {
-	margin: @large-value;
+  margin: @large-value;
 }
 
 .@{kna-namespace}pas {
-	padding: @small-value;
+  padding: @small-value;
 }
 
 .@{kna-namespace}pam {
-	padding: @medium-value;
+  padding: @medium-value;
 }
 
 .@{kna-namespace}pal {
-	padding: @large-value;
+  padding: @large-value;
 }
 
 .@{kna-namespace}mtn,
 .@{kna-namespace}mt0 {
-	margin-top: 0;
+  margin-top: 0;
 }
 
 .@{kna-namespace}mts {
-	margin-top: @small-value;
+  margin-top: @small-value;
 }
 
 .@{kna-namespace}mtm {
-	margin-top: @medium-value;
+  margin-top: @medium-value;
 }
 
 .@{kna-namespace}mtl {
-	margin-top: @large-value;
+  margin-top: @large-value;
 }
 
 .@{kna-namespace}mrn,
 .@{kna-namespace}mr0 {
-	margin-right: 0;
+  margin-right: 0;
 }
 
 .@{kna-namespace}mrs {
-	margin-right: @small-value;
+  margin-right: @small-value;
 }
 
 .@{kna-namespace}mrm {
-	margin-right: @medium-value;
+  margin-right: @medium-value;
 }
 
 .@{kna-namespace}mrl {
-	margin-right: @large-value;
+  margin-right: @large-value;
 }
 
 .@{kna-namespace}mbn,
 .@{kna-namespace}mb0 {
-	margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 .@{kna-namespace}mbs {
-	margin-bottom: @small-value;
+  margin-bottom: @small-value;
 }
 
 .@{kna-namespace}mbm {
-	margin-bottom: @medium-value;
+  margin-bottom: @medium-value;
 }
 
 .@{kna-namespace}mbl {
-	margin-bottom: @large-value;
+  margin-bottom: @large-value;
 }
 
 .@{kna-namespace}mln,
 .@{kna-namespace}ml0 {
-	margin-left: 0;
+  margin-left: 0;
 }
 
 .@{kna-namespace}mls {
-	margin-left: @small-value;
+  margin-left: @small-value;
 }
 
 .@{kna-namespace}mlm {
-	margin-left: @medium-value;
+  margin-left: @medium-value;
 }
 
 .@{kna-namespace}mll {
-	margin-left: @large-value;
+  margin-left: @large-value;
 }
 
 .@{kna-namespace}ptn,
 .@{kna-namespace}pt0 {
-	padding-top: 0;
+  padding-top: 0;
 }
 
 .@{kna-namespace}pts {
-	padding-top: @small-value;
+  padding-top: @small-value;
 }
 
 .@{kna-namespace}ptm {
-	padding-top: @medium-value;
+  padding-top: @medium-value;
 }
 
 .@{kna-namespace}ptl {
-	padding-top: @large-value;
+  padding-top: @large-value;
 }
 
 .@{kna-namespace}prn,
 .@{kna-namespace}pr0 {
-	padding-right: 0;
+  padding-right: 0;
 }
 
 .@{kna-namespace}prs {
-	padding-right: @small-value;
+  padding-right: @small-value;
 }
 
 .@{kna-namespace}prm {
-	padding-right: @medium-value;
+  padding-right: @medium-value;
 }
 
 .@{kna-namespace}prl {
-	padding-right: @large-value;
+  padding-right: @large-value;
 }
 
 .@{kna-namespace}pbn,
 .@{kna-namespace}pb0 {
-	padding-bottom: 0;
+  padding-bottom: 0;
 }
 
 .@{kna-namespace}pbs {
-	padding-bottom: @small-value;
+  padding-bottom: @small-value;
 }
 
 .@{kna-namespace}pbm {
-	padding-bottom: @medium-value;
+  padding-bottom: @medium-value;
 }
 
 .@{kna-namespace}pbl {
-	padding-bottom: @large-value;
+  padding-bottom: @large-value;
 }
 
 .@{kna-namespace}pln,
 .@{kna-namespace}pl0 {
-	padding-left: 0;
+  padding-left: 0;
 }
 
 .@{kna-namespace}pls {
-	padding-left: @small-value;
+  padding-left: @small-value;
 }
 
 .@{kna-namespace}plm {
-	padding-left: @medium-value;
+  padding-left: @medium-value;
 }
 
 .@{kna-namespace}pll {
-	padding-left: @large-value;
+  padding-left: @large-value;
 }
diff --git a/less/_07-responsive.less b/less/_07-responsive.less
index 71ece40..9f75d65 100644
--- a/less/_07-responsive.less
+++ b/less/_07-responsive.less
@@ -3,11 +3,11 @@
 /* ----------------------------- */
 
 @media (min-width: (@medium-screen + 1)) {
-	/* rules for big resources and big screens like: background-images, font-faces, etc. */
+  /* rules for big resources and big screens like: background-images, font-faces, etc. */
 }
 
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
-	/* style adjustments for high density devices */
+  /* style adjustments for high density devices */
 }
 
 /* ---------------------------------- */
@@ -16,72 +16,72 @@
 
 @media (min-width: (@medium-screen + 1)) {
 
-	/* layouts for large screens */
-	.@{kna-namespace}large-hidden {
-		display: none !important;
-	}
+  /* layouts for large screens */
+  .@{kna-namespace}large-hidden {
+    display: none !important;
+  }
 
-	.@{kna-namespace}large-visible {
-		display: block !important;
-	}
+  .@{kna-namespace}large-visible {
+    display: block !important;
+  }
 
-	.@{kna-namespace}large-no-float {
-		float: none;
-	}
+  .@{kna-namespace}large-no-float {
+    float: none;
+  }
 
-	.@{kna-namespace}large-inbl {
-		display: inline-block;
-		float: none;
-		vertical-align: top;
-	}
+  .@{kna-namespace}large-inbl {
+    display: inline-block;
+    float: none;
+    vertical-align: top;
+  }
 
-	.@{kna-namespace}large-row {
-		display: table;
-		table-layout: fixed;
-		width: 100% !important;
-	}
+  .@{kna-namespace}large-row {
+    display: table;
+    table-layout: fixed;
+    width: 100% !important;
+  }
 
-	.@{kna-namespace}large-col {
-		display: table-cell;
-		vertical-align: top;
-	}
+  .@{kna-namespace}large-col {
+    display: table-cell;
+    vertical-align: top;
+  }
 
-	/* widths for large screens */
-	.@{kna-namespace}large-w25 {
-		width: 25% !important;
-	}
+  /* widths for large screens */
+  .@{kna-namespace}large-w25 {
+    width: 25% !important;
+  }
 
-	.@{kna-namespace}large-w33 {
-		width: 33.3333% !important;
-	}
+  .@{kna-namespace}large-w33 {
+    width: 33.3333% !important;
+  }
 
-	.@{kna-namespace}large-w50 {
-		width: 50% !important;
-	}
+  .@{kna-namespace}large-w50 {
+    width: 50% !important;
+  }
 
-	.@{kna-namespace}large-w66 {
-		width: 66.6666% !important;
-	}
+  .@{kna-namespace}large-w66 {
+    width: 66.6666% !important;
+  }
 
-	.@{kna-namespace}large-w75 {
-		width: 75% !important;
-	}
+  .@{kna-namespace}large-w75 {
+    width: 75% !important;
+  }
 
-	.@{kna-namespace}large-w100,
-	.@{kna-namespace}large-wauto {
-		display: block !important;
-		float: none !important;
-		clear: none !important;
-		width: auto !important;
-		margin-left: 0 !important;
-		margin-right: 0 !important;
-		border: 0;
-	}
+  .@{kna-namespace}large-w100,
+  .@{kna-namespace}large-wauto {
+    display: block !important;
+    float: none !important;
+    clear: none !important;
+    width: auto !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    border: 0;
+  }
 
-	/* margins for large screens */
-	.@{kna-namespace}large-man {
-		margin: 0 !important;
-	}
+  /* margins for large screens */
+  .@{kna-namespace}large-man {
+    margin: 0 !important;
+  }
 }
 
 /* ---------------------------------- */
@@ -90,73 +90,73 @@
 
 @media (min-width: (@small-screen + 1)) and (max-width: @medium-screen) {
 
-	/* layouts for medium screens */
-	.@{kna-namespace}medium-hidden {
-		display: none !important;
-	}
+  /* layouts for medium screens */
+  .@{kna-namespace}medium-hidden {
+    display: none !important;
+  }
 
-	.@{kna-namespace}medium-visible {
-		display: block !important;
-	}
+  .@{kna-namespace}medium-visible {
+    display: block !important;
+  }
 
-	.@{kna-namespace}medium-no-float {
-		float: none;
-	}
+  .@{kna-namespace}medium-no-float {
+    float: none;
+  }
 
-	.@{kna-namespace}medium-inbl {
-		display: inline-block;
-		float: none;
-		vertical-align: top;
-	}
+  .@{kna-namespace}medium-inbl {
+    display: inline-block;
+    float: none;
+    vertical-align: top;
+  }
 
-	.@{kna-namespace}medium-row {
-		display: table;
-		table-layout: fixed;
-		width: 100% !important;
-	}
+  .@{kna-namespace}medium-row {
+    display: table;
+    table-layout: fixed;
+    width: 100% !important;
+  }
 
-	.@{kna-namespace}medium-col {
-		display: table-cell;
-		vertical-align: top;
-	}
+  .@{kna-namespace}medium-col {
+    display: table-cell;
+    vertical-align: top;
+  }
 
-	/* widths for medium screens */
-	.@{kna-namespace}medium-w25 {
-		width: 25% !important;
-	}
+  /* widths for medium screens */
+  .@{kna-namespace}medium-w25 {
+    width: 25% !important;
+  }
 
-	.@{kna-namespace}medium-w33 {
-		width: 33.3333% !important;
-	}
+  .@{kna-namespace}medium-w33 {
+    width: 33.3333% !important;
+  }
 
-	.@{kna-namespace}medium-w50 {
-		width: 50% !important;
-	}
+  .@{kna-namespace}medium-w50 {
+    width: 50% !important;
+  }
 
-	.@{kna-namespace}medium-w66 {
-		width: 66.6666% !important;
-	}
+  .@{kna-namespace}medium-w66 {
+    width: 66.6666% !important;
+  }
 
-	.@{kna-namespace}medium-w75 {
-		width: 75% !important;
-	}
+  .@{kna-namespace}medium-w75 {
+    width: 75% !important;
+  }
 
-	.@{kna-namespace}medium-w100,
-	.@{kna-namespace}medium-wauto {
-		display: block !important;
-		float: none !important;
-		clear: none !important;
-		width: auto !important;
-		margin-left: 0 !important;
-		margin-right: 0 !important;
-		border: 0;
-	}
+  .@{kna-namespace}medium-w100,
+  .@{kna-namespace}medium-wauto {
+    display: block !important;
+    float: none !important;
+    clear: none !important;
+    width: auto !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    border: 0;
+  }
 
-	/* margins for medium screens */
-	.@{kna-namespace}medium-man,
-	.@{kna-namespace}medium-ma0 {
-		margin: 0 !important;
-	}
+  /* margins for medium screens */
+  .@{kna-namespace}medium-man,
+  .@{kna-namespace}medium-ma0 {
+    margin: 0 !important;
+  }
 }
 
 /* ---------------------------------- */
@@ -165,88 +165,88 @@
 
 @media (min-width: (@tiny-screen + 1)) and (max-width: @small-screen) {
 
-	/* quick reset in small resolution and less */
-	.@{kna-namespace}w600p,
-	.@{kna-namespace}w700p,
-	.@{kna-namespace}w800p,
-	.@{kna-namespace}w960p,
-	.@{kna-namespace}mw960p {
-		width: auto;
-		float: none;
-	}
+  /* quick reset in small resolution and less */
+  .@{kna-namespace}w600p,
+  .@{kna-namespace}w700p,
+  .@{kna-namespace}w800p,
+  .@{kna-namespace}w960p,
+  .@{kna-namespace}mw960p {
+    width: auto;
+    float: none;
+  }
 
-	/* layouts for small screens */
-	.@{kna-namespace}small-hidden {
-		display: none !important;
-	}
+  /* layouts for small screens */
+  .@{kna-namespace}small-hidden {
+    display: none !important;
+  }
 
-	.@{kna-namespace}small-visible {
-		display: block !important;
-	}
+  .@{kna-namespace}small-visible {
+    display: block !important;
+  }
 
-	.@{kna-namespace}small-no-float {
-		float: none;
-	}
+  .@{kna-namespace}small-no-float {
+    float: none;
+  }
 
-	.@{kna-namespace}small-inbl {
-		display: inline-block;
-		float: none;
-		vertical-align: top;
-	}
+  .@{kna-namespace}small-inbl {
+    display: inline-block;
+    float: none;
+    vertical-align: top;
+  }
 
-	.@{kna-namespace}small-row {
-		display: table !important;
-		table-layout: fixed !important;
-		width: 100% !important;
-	}
+  .@{kna-namespace}small-row {
+    display: table !important;
+    table-layout: fixed !important;
+    width: 100% !important;
+  }
 
-	.@{kna-namespace}small-col {
-		display: table-cell !important;
-		vertical-align: top !important;
-	}
+  .@{kna-namespace}small-col {
+    display: table-cell !important;
+    vertical-align: top !important;
+  }
 
-	/* widths for small screens */
-	.@{kna-namespace}small-w25 {
-		width: 25% !important;
-	}
+  /* widths for small screens */
+  .@{kna-namespace}small-w25 {
+    width: 25% !important;
+  }
 
-	.@{kna-namespace}small-w33 {
-		width: 33.3333% !important;
-	}
+  .@{kna-namespace}small-w33 {
+    width: 33.3333% !important;
+  }
 
-	.@{kna-namespace}small-w50 {
-		width: 50% !important;
-	}
+  .@{kna-namespace}small-w50 {
+    width: 50% !important;
+  }
 
-	.@{kna-namespace}small-w66 {
-		width: 66.6666% !important;
-	}
+  .@{kna-namespace}small-w66 {
+    width: 66.6666% !important;
+  }
 
-	.@{kna-namespace}small-w75 {
-		width: 75% !important;
-	}
+  .@{kna-namespace}small-w75 {
+    width: 75% !important;
+  }
 
-	.@{kna-namespace}small-w100,
-	.@{kna-namespace}small-wauto {
-		display: block !important;
-		float: none !important;
-		clear: none !important;
-		width: auto !important;
-		margin-left: 0 !important;
-		margin-right: 0 !important;
-		border: 0;
-	}
+  .@{kna-namespace}small-w100,
+  .@{kna-namespace}small-wauto {
+    display: block !important;
+    float: none !important;
+    clear: none !important;
+    width: auto !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    border: 0;
+  }
 
-	/* margins for small screens */
-	.@{kna-namespace}small-man,
-	.@{kna-namespace}small-ma0 {
-		margin: 0 !important;
-	}
+  /* margins for small screens */
+  .@{kna-namespace}small-man,
+  .@{kna-namespace}small-ma0 {
+    margin: 0 !important;
+  }
 
-	.@{kna-namespace}small-pan,
-	.@{kna-namespace}small-pa0 {
-		padding: 0 !important;
-	}
+  .@{kna-namespace}small-pan,
+  .@{kna-namespace}small-pa0 {
+    padding: 0 !important;
+  }
 
 }
 
@@ -256,117 +256,117 @@
 
 @media (max-width: @tiny-screen) {
 
-	/* quick tiny resolution reset */
-	.@{kna-namespace}mod,
-	.@{kna-namespace}col,
-	fieldset {
-		display: block !important;
-		float: none !important;
-		clear: none !important;
-		width: auto !important;
-		margin-left: 0 !important;
-		margin-right: 0 !important;
-		border: 0;
-	}
+  /* quick tiny resolution reset */
+  .@{kna-namespace}mod,
+  .@{kna-namespace}col,
+  fieldset {
+    display: block !important;
+    float: none !important;
+    clear: none !important;
+    width: auto !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    border: 0;
+  }
 
-	.@{kna-namespace}flex-container {
-		flex-direction: column;
-	}
+  .@{kna-namespace}flex-container {
+    flex-direction: column;
+  }
 
-	.@{kna-namespace}w300p,
-	.@{kna-namespace}w400p,
-	.@{kna-namespace}w500p {
-		width: auto;
-		float: none;
-	}
+  .@{kna-namespace}w300p,
+  .@{kna-namespace}w400p,
+  .@{kna-namespace}w500p {
+    width: auto;
+    float: none;
+  }
 
-	.@{kna-namespace}row {
-		display: block !important;
-		width: 100% !important;
-	}
+  .@{kna-namespace}row {
+    display: block !important;
+    width: 100% !important;
+  }
 
-	/* layouts for tiny screens */
-	.@{kna-namespace}tiny-hidden {
-		display: none !important;
-	}
+  /* layouts for tiny screens */
+  .@{kna-namespace}tiny-hidden {
+    display: none !important;
+  }
 
-	.@{kna-namespace}tiny-visible {
-		display: block !important;
-	}
+  .@{kna-namespace}tiny-visible {
+    display: block !important;
+  }
 
-	.@{kna-namespace}tiny-no-float {
-		float: none;
-	}
+  .@{kna-namespace}tiny-no-float {
+    float: none;
+  }
 
-	.@{kna-namespace}tiny-inbl {
-		display: inline-block;
-		float: none;
-		vertical-align: top;
-	}
+  .@{kna-namespace}tiny-inbl {
+    display: inline-block;
+    float: none;
+    vertical-align: top;
+  }
 
-	.@{kna-namespace}tiny-row {
-		display: table !important;
-		table-layout: fixed !important;
-		width: 100% !important;
-	}
+  .@{kna-namespace}tiny-row {
+    display: table !important;
+    table-layout: fixed !important;
+    width: 100% !important;
+  }
 
-	.@{kna-namespace}tiny-col {
-		display: table-cell !important;
-		vertical-align: top !important;
-	}
+  .@{kna-namespace}tiny-col {
+    display: table-cell !important;
+    vertical-align: top !important;
+  }
 
-	th,
-	td {
-		display: block;
-		width: auto;
-		text-align: left;
-	}
+  th,
+  td {
+    display: block;
+    width: auto;
+    text-align: left;
+  }
 
-	thead {
-		display: none;
-	}
+  thead {
+    display: none;
+  }
 
-	/* widths for tiny screens */
-	.@{kna-namespace}tiny-w25 {
-		width: 25% !important;
-	}
+  /* widths for tiny screens */
+  .@{kna-namespace}tiny-w25 {
+    width: 25% !important;
+  }
 
-	.@{kna-namespace}tiny-w33 {
-		width: 33.3333% !important;
-	}
+  .@{kna-namespace}tiny-w33 {
+    width: 33.3333% !important;
+  }
 
-	.@{kna-namespace}tiny-w50 {
-		width: 50% !important;
-	}
+  .@{kna-namespace}tiny-w50 {
+    width: 50% !important;
+  }
 
-	.@{kna-namespace}tiny-w66 {
-		width: 66.6666% !important;
-	}
+  .@{kna-namespace}tiny-w66 {
+    width: 66.6666% !important;
+  }
 
-	.@{kna-namespace}tiny-w75 {
-		width: 75% !important;
-	}
+  .@{kna-namespace}tiny-w75 {
+    width: 75% !important;
+  }
 
-	.@{kna-namespace}tiny-w100,
-	.@{kna-namespace}tiny-wauto {
-		display: block !important;
-		float: none !important;
-		clear: none !important;
-		width: auto !important;
-		margin-left: 0 !important;
-		margin-right: 0 !important;
-		border: 0;
-	}
+  .@{kna-namespace}tiny-w100,
+  .@{kna-namespace}tiny-wauto {
+    display: block !important;
+    float: none !important;
+    clear: none !important;
+    width: auto !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    border: 0;
+  }
 
-	/* margins for tiny screens */
-	.@{kna-namespace}tiny-man,
-	.@{kna-namespace}tiny-ma0 {
-		margin: 0 !important;
-	}
+  /* margins for tiny screens */
+  .@{kna-namespace}tiny-man,
+  .@{kna-namespace}tiny-ma0 {
+    margin: 0 !important;
+  }
 
-	.@{kna-namespace}tiny-pan,
-	.@{kna-namespace}tiny-pa0 {
-		padding: 0 !important;
-	}
+  .@{kna-namespace}tiny-pan,
+  .@{kna-namespace}tiny-pa0 {
+    padding: 0 !important;
+  }
 
 }
diff --git a/less/_08-print.less b/less/_08-print.less
index 6e25ea1..850a68c 100644
--- a/less/_08-print.less
+++ b/less/_08-print.less
@@ -1,95 +1,95 @@
 /* quick print reset */
 @media print {
 
-	* {
-		background: transparent !important;
-		box-shadow: none !important;
-		text-shadow: none !important;
-	}
+  * {
+    background: transparent !important;
+    box-shadow: none !important;
+    text-shadow: none !important;
+  }
 
-	body {
-		width: auto !important;
-		margin: auto !important;
-		font-family: serif;
-		font-size: 12pt;
-		background-color: #fff !important;
-		color: #333 !important;
-	}
+  body {
+    width: auto !important;
+    margin: auto !important;
+    font-family: serif;
+    font-size: 12pt;
+    background-color: #fff !important;
+    color: #333 !important;
+  }
 
-	p,
-	.@{kna-namespace}p-like,
-	h1,
-	.@{kna-namespace}h1-like,
-	h2,
-	.@{kna-namespace}h2-like,
-	h3,
-	.@{kna-namespace}h3-like,
-	h4,
-	.@{kna-namespace}h4-like,
-	h5,
-	.@{kna-namespace}h5-like,
-	h6,
-	.@{kna-namespace}h6-like,
-	blockquote,
-	ul,
-	ol {
-		color: #000 !important;
-		margin: auto !important;
-	}
+  p,
+  .@{kna-namespace}p-like,
+  h1,
+  .@{kna-namespace}h1-like,
+  h2,
+  .@{kna-namespace}h2-like,
+  h3,
+  .@{kna-namespace}h3-like,
+  h4,
+  .@{kna-namespace}h4-like,
+  h5,
+  .@{kna-namespace}h5-like,
+  h6,
+  .@{kna-namespace}h6-like,
+  blockquote,
+  ul,
+  ol {
+    color: #000 !important;
+    margin: auto !important;
+  }
 
-	.@{kna-namespace}print {
-		display: block;
-	}
+  .@{kna-namespace}print {
+    display: block;
+  }
 
-	.@{kna-namespace}no-print {
-		display: none;
-	}
+  .@{kna-namespace}no-print {
+    display: none;
+  }
 
-	/* no orphans, no widows */
-	p,
-	.@{kna-namespace}p-like,
-	blockquote {
-		orphans: 3;
-		widows: 3;
-	}
+  /* no orphans, no widows */
+  p,
+  .@{kna-namespace}p-like,
+  blockquote {
+    orphans: 3;
+    widows: 3;
+  }
 
-	/* no breaks inside these elements */
-	blockquote,
-	ul,
-	ol {
-		page-break-inside: avoid;
-	}
+  /* no breaks inside these elements */
+  blockquote,
+  ul,
+  ol {
+    page-break-inside: avoid;
+  }
 
-	/* page break before main headers
-	h1,
-	.h1-like {
-		page-break-before: always;
-	}
-	*/
+  /* page break before main headers
+  h1,
+  .h1-like {
+    page-break-before: always;
+  }
+  */
 
-	/* no breaks after these elements */
-	h1,
-	.@{kna-namespace}h1-like,
-	h2,
-	.@{kna-namespace}h2-like,
-	h3,
-	.@{kna-namespace}h3-like,
-	caption {
-		page-break-after: avoid;
-	}
+  /* no breaks after these elements */
+  h1,
+  .@{kna-namespace}h1-like,
+  h2,
+  .@{kna-namespace}h2-like,
+  h3,
+  .@{kna-namespace}h3-like,
+  caption {
+    page-break-after: avoid;
+  }
 
-	a {
-		color: #000 !important;
-		text-decoration: underline !important;
-	}
+  a {
+    color: #000 !important;
+    text-decoration: underline !important;
+  }
 
-	/* displaying URLs */
-	a[href]::after {
-		content: " (" attr(href) ")";
-	}
+  /* displaying URLs */
+  a[href]::after {
+    content: " (" attr(href) ")";
+  }
 
-	a[href^="javascript:"]::after,
-	a[href^="#"]::after {
-		content: "";
-	}
+  a[href^="javascript:"]::after,
+  a[href^="#"]::after {
+    content: "";
+  }
 }
diff --git a/less/_09-misc.less b/less/_09-misc.less
index f55f8c3..dad710e 100644
--- a/less/_09-misc.less
+++ b/less/_09-misc.less
@@ -4,52 +4,52 @@
 
 /* styling skip links */
 .@{kna-namespace}skip-links {
-	position: absolute;
+  position: absolute;
 
-	& a {
-		position: absolute;
-		overflow: hidden;
-		clip: rect(1px, 1px, 1px, 1px);
-		padding: 0.5em;
-		background: black;
-		color: white;
-		text-decoration: none;
+  & a {
+    position: absolute;
+    overflow: hidden;
+    clip: rect(1px, 1px, 1px, 1px);
+    padding: 0.5em;
+    background: black;
+    color: white;
+    text-decoration: none;
 
-		&:focus {
-			position: static;
-			overflow: visible;
-			clip: auto;
-		}
-	}
+    &:focus {
+      position: static;
+      overflow: visible;
+      clip: auto;
+    }
+  }
 }
 
 // hyphens on small screens
 @media (max-width: @small-screen) {
-	/* you shall not pass */
-	div,
-	textarea,
-	table,
-	td,
-	th,
-	code,
-	pre,
-	samp {
-		word-wrap: break-word;
-		hyphens: auto;
-	}
+  /* you shall not pass */
+  div,
+  textarea,
+  table,
+  td,
+  th,
+  code,
+  pre,
+  samp {
+    word-wrap: break-word;
+    hyphens: auto;
+  }
 }
 
 /* Google Gmap3 bug fix on images */
 .gm-style img {
-	height: 100%;
+  height: 100%;
 }
 
 :not(.gm-style) img {
-	height: auto;
+  height: auto;
 }
 
 .gm-style img,
 .gmnoscreen img,
 .gmnoprint img {
-	max-width: none !important;
+  max-width: none !important;
 }
diff --git a/less/_10-styling.less b/less/_10-styling.less
index ecad2b7..47c0ad3 100644
--- a/less/_10-styling.less
+++ b/less/_10-styling.less
@@ -6,134 +6,134 @@
 code,
 kbd,
 mark {
-	border-radius: 2px;
+  border-radius: 2px;
 }
 
 kbd {
-	padding: 0 2px;
-	border: 1px solid #999;
+  padding: 0 2px;
+  border: 1px solid #999;
 }
 
 code {
-	padding: 2px 4px;
-	background: rgba(0,0,0,0.04);
-	color: #b11;
+  padding: 2px 4px;
+  background: rgba(0,0,0,0.04);
+  color: #b11;
 }
 
 pre code {
-	padding: none;
-	background: none;
-	color: inherit;
-	border-radius: 0;
+  padding: none;
+  background: none;
+  color: inherit;
+  border-radius: 0;
 }
 
 mark {
-	padding:2px 4px;
+  padding:2px 4px;
 }
 
 sup,
 sub {
-	vertical-align: 0;
+  vertical-align: 0;
 }
 
 sup {
-	bottom: 1ex;
+  bottom: 1ex;
 }
 
 sub {
-	top: 0.5ex;
+  top: 0.5ex;
 }
 
 blockquote {
-	position: relative;
-	padding-left: 3em;
+  position: relative;
+  padding-left: 3em;
 }
 
 blockquote::before {
-	content: "\201C";
-	position: absolute;
-	left: 0;
-	top: 0;
-	font-family: georgia, serif;
-	font-size: 5em;
-	line-height: 0.9;
-	color: rgba(0, 0, 0, .3);
+  content: "\201C";
+  position: absolute;
+  left: 0;
+  top: 0;
+  font-family: georgia, serif;
+  font-size: 5em;
+  line-height: 0.9;
+  color: rgba(0, 0, 0, .3);
 }
 
 blockquote > footer {
-	margin-top: .75em;
-	font-size: 0.9em;
-	color: rgba(0, 0, 0, .7);
+  margin-top: .75em;
+  font-size: 0.9em;
+  color: rgba(0, 0, 0, .7);
 }
 
 blockquote > footer::before {
-	content: "\2014 \0020";
+  content: "\2014 \0020";
 }
 
 q {
-	font-style: normal;
+  font-style: normal;
 }
 
 q,
 .@{kna-namespace}q {
-	quotes: "“\00a0" "\00a0”";
+  quotes: "“\00a0" "\00a0”";
 }
 
 q:lang(fr),
 .@{kna-namespace}q:lang(fr) {
-	quotes: "«\00a0" "\00a0»";
+  quotes: "«\00a0" "\00a0»";
 }
 
 hr {
-	display: block;
-	clear: both;
-	height: 1px;
-	margin: 1em 0 2em;
-	padding: 0;
-	border: 0;
-	color: #ccc;
-	background-color: #ccc;
+  display: block;
+  clear: both;
+  height: 1px;
+  margin: 1em 0 2em;
+  padding: 0;
+  border: 0;
+  color: #ccc;
+  background-color: #ccc;
 }
 
 /* alternate tables */
 .@{kna-namespace}table-alternate {
-	border: 0;
+  border: 0;
 }
 
 .@{kna-namespace}table-alternate tbody {
-	border: 1px solid #ccc;
+  border: 1px solid #ccc;
 }
 
 .@{kna-namespace}table-alternate thead tr > * + * {
-	border-left: 0;
+  border-left: 0;
 }
 
 .@{kna-namespace}table-alternate tbody tr > * + * {
-	border-left: 1px solid #ccc;
+  border-left: 1px solid #ccc;
 }
 
 /* alternate-vert tables */
 .@{kna-namespace}table-alternate-v {
-	border: 0;
-	border-right: 1px solid #ccc;
+  border: 0;
+  border-right: 1px solid #ccc;
 }
 
 .@{kna-namespace}table-alternate-v tr > :first-child {
-	border-bottom: 0;
+  border-bottom: 0;
 }
 
 .@{kna-namespace}table-alternate-v tr > * + * {
-	border-top: 1px solid #ccc;
+  border-top: 1px solid #ccc;
 }
 
 /* striped tables */
 .@{kna-namespace}table-striped tbody tr:nth-child(odd) {
-	background: #eee;
-	background: rgba(0, 0, 0, .05);
+  background: #eee;
+  background: rgba(0, 0, 0, .05);
 }
 
 /* striped-vert tables */
 .@{kna-namespace}table-striped-v tr > :first-child {
-	background: #eee;
-	background: rgba(0, 0, 0, .05);
+  background: #eee;
+  background: rgba(0, 0, 0, .05);
 }
diff --git a/less/_11-wordpress.less b/less/_11-wordpress.less
index 805dc82..fc6bc92 100644
--- a/less/_11-wordpress.less
+++ b/less/_11-wordpress.less
@@ -24,23 +24,23 @@ Description: Reset styles for WordPress usage of KNACSS
 .comment-navigation,
 .paging-navigation,
 .post-navigation {
-	margin: 0 0 1.5em;
-	overflow: hidden;
+  margin: 0 0 1.5em;
+  overflow: hidden;
 }
 
 .comment-navigation .nav-previous,
 .paging-navigation .nav-previous,
 .post-navigation .nav-previous {
-	float: left;
-	width: 50%;
+  float: left;
+  width: 50%;
 }
 
 .comment-navigation .nav-next,
 .paging-navigation .nav-next,
 .post-navigation .nav-next {
-	float: right;
-	text-align: right;
-	width: 50%;
+  float: right;
+  text-align: right;
+  width: 50%;
 }
 
 /* ----------------------------- */
@@ -49,23 +49,23 @@ Description: Reset styles for WordPress usage of KNACSS
 
 // class in img elements
 .alignnone {
-	margin: .25em 1.5em 1.5em 0;
+  margin: .25em 1.5em 1.5em 0;
 }
 
 .aligncenter {
-	clear: both;
-	display: block;
-	margin: 1.5em auto;
+  clear: both;
+  display: block;
+  margin: 1.5em auto;
 }
 
 .alignleft {
-	float: left;
-	margin: 0 1.5em .25em 0;
+  float: left;
+  margin: 0 1.5em .25em 0;
 }
 
 .alignright {
-	float: right;
-	margin: 0 0 .25em 1.5em;
+  float: right;
+  margin: 0 0 .25em 1.5em;
 }
 
 /* ----------------------------- */
@@ -74,12 +74,12 @@ Description: Reset styles for WordPress usage of KNACSS
 
 .entry-content,
 .comment-content {
-	clear: both;
-	
-	&::after, &::before {
-		content: "";
-		display: table;
-	}
+  clear: both;
+
+  &::after, &::before {
+    content: "";
+    display: table;
+  }
 }
 
 /* ----------------------------- */
@@ -87,12 +87,12 @@ Description: Reset styles for WordPress usage of KNACSS
 /* ----------------------------- */
 
 .widget + .widget {
-	margin: 1.5em 0 0;
+  margin: 1.5em 0 0;
 }
 
 // usage example:
 .widget select {
-	max-width: 100%;
+  max-width: 100%;
 }
 
 /* ----------------------------- */
@@ -111,56 +111,56 @@ Description: Reset styles for WordPress usage of KNACSS
 
 // format of post
 .format- {
-	&aside {
-	}
-	&gallery {
-	}
-	&link {
-	}
-	&image {
-	}
-	&quote {
-	}
-	&status {
-	}
-	&video {
-	}
-	&chat {
-	}
+  &aside {
+  }
+  &gallery {
+  }
+  &link {
+  }
+  &image {
+  }
+  &quote {
+  }
+  &status {
+  }
+  &video {
+  }
+  &chat {
+  }
 }
 
 // class for a tag
 .tag- {
-	&name-of-tag {
-	}
+  &name-of-tag {
+  }
 }
 
 // class for categorie
 .category- {
-	&name-of-category {
-	}
+  &name-of-category {
+  }
 }
 
 /* === 5.2 Pages - body_class === */
 
 // front page
 .home {
-	// if display posts
-	&.blog {
-	}
-	// if static page
-	&.page {
-	}
+  // if display posts
+  &.blog {
+  }
+  // if static page
+  &.page {
+  }
 }
 
 // page displays posts
 .blog {
-	// if is frontpage
-	&.home {
-	}
-	// if static page
-	&.page {
-	}
+  // if is frontpage
+  &.home {
+  }
+  // if static page
+  &.page {
+  }
 }
 
 // simple page
@@ -175,14 +175,14 @@ Description: Reset styles for WordPress usage of KNACSS
 .archive {
 }
 
-// page of search 
+// page of search
 .search {
-	// if has results
-	.search-results {
-	}
-	// if has no results
-	.search-no-results {
-	}
+  // if has results
+  .search-results {
+  }
+  // if has no results
+  .search-no-results {
+  }
 }
 
 // page 404
@@ -201,18 +201,18 @@ Description: Reset styles for WordPress usage of KNACSS
 /* === 5.3 Posts and Pages - Contents === */
 
 .hentry {
-	margin: 0 0 1.5em;
+  margin: 0 0 1.5em;
 }
 
 .page-content,
 .entry-content,
 .entry-summary {
-	margin: 1.5em 0 0;
+  margin: 1.5em 0 0;
 }
 
 .page-links {
-	clear: both;
-	margin: 0 0 1.5em;
+  clear: both;
+  margin: 0 0 1.5em;
 }
 
 /* ----------------------------- */
@@ -220,11 +220,11 @@ Description: Reset styles for WordPress usage of KNACSS
 /* ----------------------------- */
 
 .comment-content a {
-	word-wrap: break-word;
+  word-wrap: break-word;
 }
 
 .bypostauthor {
-	// some make-the-logo-bigger styles
+  // some make-the-logo-bigger styles
 }
 
 /* ----------------------------- */
@@ -232,10 +232,10 @@ Description: Reset styles for WordPress usage of KNACSS
 /* ----------------------------- */
 
 img.wp-smiley {
-	margin-bottom: 0;
-	margin-top: 0;
-	padding: 0;
-	border: none;
+  margin-bottom: 0;
+  margin-top: 0;
+  padding: 0;
+  border: none;
 }
 
 /* ----------------------------- */
@@ -243,18 +243,18 @@ img.wp-smiley {
 /* ----------------------------- */
 
 .wp-caption {
-	max-width: 100%;
-	margin-bottom: 1.5em;
+  max-width: 100%;
+  margin-bottom: 1.5em;
 }
 
 .wp-caption img {
-	display: block;
-	margin: 0 auto;
+  display: block;
+  margin: 0 auto;
 }
 
 .wp-caption-text {
-	margin: 1em 0;
-	text-align: center;
+  margin: 1em 0;
+  text-align: center;
 }
 
 /* ----------------------------- */
@@ -262,41 +262,41 @@ img.wp-smiley {
 /* ----------------------------- */
 
 .gallery {
-	margin-bottom: 1.5em;
+  margin-bottom: 1.5em;
 }
 
 .gallery-item {
-	display: inline-block;
-	width: 100%;
-	text-align: center;
-	vertical-align: top;
-	
-	.gallery-columns-2 & {
-		max-width: 50%;
-	}
-	.gallery-columns-3 & {
-		max-width: 33.33%;
-	}
-	.gallery-columns-4 & {
-		max-width: 25%;
-	}
-	.gallery-columns-5 & {
-		max-width: 20%;
-	}
-	.gallery-columns-6 & {
-		max-width: 16.66%;
-	}
-	.gallery-columns-7 & {
-		max-width: 14.28%;
-	}
-	.gallery-columns-8 & {
-		max-width: 12.5%;
-	}
-	.gallery-columns-9 & {
-		max-width: 11.11%;
-	}
+  display: inline-block;
+  width: 100%;
+  text-align: center;
+  vertical-align: top;
+
+  .gallery-columns-2 & {
+    max-width: 50%;
+  }
+  .gallery-columns-3 & {
+    max-width: 33.33%;
+  }
+  .gallery-columns-4 & {
+    max-width: 25%;
+  }
+  .gallery-columns-5 & {
+    max-width: 20%;
+  }
+  .gallery-columns-6 & {
+    max-width: 16.66%;
+  }
+  .gallery-columns-7 & {
+    max-width: 14.28%;
+  }
+  .gallery-columns-8 & {
+    max-width: 12.5%;
+  }
+  .gallery-columns-9 & {
+    max-width: 11.11%;
+  }
 }
 
 .gallery-caption {
-	display: block;
+  display: block;
 }
diff --git a/sass/_01b-base.scss b/sass/_01b-base.scss
index 664f32a..f37f297 100644
--- a/sass/_01b-base.scss
+++ b/sass/_01b-base.scss
@@ -4,35 +4,35 @@
 
 /* switching to border-box model for all elements */
 html {
-	box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 * {
-	box-sizing: inherit;
+  box-sizing: inherit;
 }
 
 ul,
 ol {
-	padding-left: 2em;
+  padding-left: 2em;
 }
 
 ul.#{$kna-namespace}unstyled {
-	list-style: none;
+  list-style: none;
 }
 
 img {
-	vertical-align: middle;
+  vertical-align: middle;
 }
 
 /* height auto only for non SVG images */
 img:not([src$=".svg"]) {
-	height: auto;
+  height: auto;
 }
 
 blockquote,
 figure {
-	margin-left: 0;
-	margin-right: 0;
+  margin-left: 0;
+  margin-right: 0;
 }
 
 /* ----------------------------- */
@@ -41,34 +41,34 @@ figure {
 
 html {
 
-	/* set base font-size to equiv "10px", which is adapted to rem unit */
-	font-size: 62.5%;
+  /* set base font-size to equiv "10px", which is adapted to rem unit */
+  font-size: 62.5%;
 
-	/* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
-	/* thanks to @guardian, @victorbritopro and @eQRoeil */
-	font-size: calc(1em * 0.625);
+  /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
+  /* thanks to @guardian, @victorbritopro and @eQRoeil */
+  font-size: calc(1em * 0.625);
 
-	/* disallow text zooming on orientation change (non standard property) */
-	-webkit-text-size-adjust: 100%;
-	    -ms-text-size-adjust: 100%;
+  /* disallow text zooming on orientation change (non standard property) */
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
 }
 
 body {
 
-	/* set body font-size in em (1.4em equiv "14px") */
-	font-size: ($base-font-size / 10px) + em;
+  /* set body font-size in em (1.4em equiv "14px") */
+  font-size: ($base-font-size / 10px) + em;
 
-	background-color: $base-background;
-	color: $base-color;
-	font-family: $font-stack-common;
-	line-height: $line-height;
+  background-color: $base-background;
+  color: $base-color;
+  font-family: $font-stack-common;
+  line-height: $line-height;
 }
 
 a {
-	color: $base-color-link;
-	&:hover, &:focus, &:active {
-		color: $base-color-link-hover;
-	}
+  color: $base-color-link;
+  &:hover, &:focus, &:active {
+    color: $base-color-link-hover;
+  }
 }
 
 /* font-sizing for content */
@@ -86,67 +86,67 @@ textarea,
 caption,
 details,
 figure {
-	margin-top: 0.75em;
-	margin-bottom: 0;
-	line-height: $line-height;
+  margin-top: 0.75em;
+  margin-bottom: 0;
+  line-height: $line-height;
 }
 
 h1, .#{$kna-namespace}h1-like {
-	font-size: $h1-size;
-	font-family: $font-stack-headings;
+  font-size: $h1-size;
+  font-family: $font-stack-headings;
 }
 
 h2, .#{$kna-namespace}h2-like {
-	font-size: $h2-size;
-	font-family: $font-stack-headings;
+  font-size: $h2-size;
+  font-family: $font-stack-headings;
 }
 
 h3, .#{$kna-namespace}h3-like {
-	font-size: $h3-size;
+  font-size: $h3-size;
 }
 
 h4, .#{$kna-namespace}h4-like {
-	font-size: $h4-size;
+  font-size: $h4-size;
 }
 
 h5, .#{$kna-namespace}h5-like {
-	font-size: $h5-size;
+  font-size: $h5-size;
 }
 
 h6, .#{$kna-namespace}h6-like {
-	font-size: $h6-size;
+  font-size: $h6-size;
 }
 
 /* alternate font-sizing */
 .#{$kna-namespace}smaller {
-	font-size: 0.6em;
+  font-size: 0.6em;
 }
 
 .#{$kna-namespace}small {
-	font-size: 0.8em;
+  font-size: 0.8em;
 }
 
 .#{$kna-namespace}big {
-	font-size: 1.2em;
+  font-size: 1.2em;
 }
 
 .#{$kna-namespace}bigger {
-	font-size: 1.5em;
+  font-size: 1.5em;
 }
 
 .#{$kna-namespace}biggest {
-	font-size: 2em;
+  font-size: 2em;
 }
 
 code,
 pre,
 samp,
 kbd {
-	/* IE fix */
-	white-space: pre-line;
-	white-space: pre-wrap;
-	font-family: $font-stack-monospace;
-	line-height: normal;
+  /* IE fix */
+  white-space: pre-line;
+  white-space: pre-wrap;
+  font-family: $font-stack-monospace;
+  line-height: normal;
 }
 
 em,
@@ -155,7 +155,7 @@ address,
 cite,
 i,
 var {
-	font-style: italic;
+  font-style: italic;
 }
 
 /* ----------------------------- */
@@ -164,25 +164,25 @@ var {
 
 /* hidden but not for assistance tools, Yahoo! method */
 .#{$kna-namespace}visually-hidden {
-	position: absolute !important;
-	border: 0 !important;
-	height: 1px !important;
-	width: 1px !important;
-	padding: 0 !important;
-	overflow: hidden !important;
-	clip: rect(1px, 1px, 1px, 1px) !important;
+  position: absolute !important;
+  border: 0 !important;
+  height: 1px !important;
+  width: 1px !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
 }
 
 @media (max-width: $small-screen) {
-	.#{$kna-namespace}no-small-screen {
-		display: none;
-	}
+  .#{$kna-namespace}no-small-screen {
+    display: none;
+  }
 }
 
 @media (min-width: $large-screen) {
-	.#{$kna-namespace}no-large-screen {
-		display: none;
-	}
+  .#{$kna-namespace}no-large-screen {
+    display: none;
+  }
 }
 
 /* ----------------------------- */
@@ -209,9 +209,9 @@ h5,
 .#{$kna-namespace}h5-like,
 h6,
 .#{$kna-namespace}h6-like {
-	&:first-child {
-		margin-top: 0;
-	}
+  &:first-child {
+    margin-top: 0;
+  }
 }
 
 /* avoid margins on nested elements */
@@ -219,8 +219,8 @@ li p,
 li .#{$kna-namespace}p-like,
 li ul,
 li ol {
-	margin-top: 0;
-	margin-bottom: 0;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 /* max values */
@@ -234,10 +234,10 @@ textarea,
 input,
 video,
 svg {
-	max-width: 100%;
+  max-width: 100%;
 }
 
 /* margin-bottom on tables */
 table {
-	margin-bottom: $medium-value;
+  margin-bottom: $medium-value;
 }
diff --git a/sass/_02-layout.scss b/sass/_02-layout.scss
index 632b106..479b807 100644
--- a/sass/_02-layout.scss
+++ b/sass/_02-layout.scss
@@ -4,98 +4,98 @@
 
 /* module, gains superpower "BFC" Block Formating Context */
 .#{$kna-namespace}mod {
-	overflow: hidden;
+  overflow: hidden;
 }
 
 /* blocks that needs to be placed under floats */
 .#{$kna-namespace}clear,
 .#{$kna-namespace}line,
 .#{$kna-namespace}row {
-	clear: both;
+  clear: both;
 }
 
 /* blocks that must contain floats */
 .#{$kna-namespace}clearfix,
 .#{$kna-namespace}line {
-	&::after {
-		content: "";
-		display: table;
-		clear: both;
-		border-collapse: collapse;
-	}
+  &::after {
+    content: "";
+    display: table;
+    clear: both;
+    border-collapse: collapse;
+  }
 }
 
 /* simple blocks alignment */
 .#{$kna-namespace}left {
-	margin-right: auto;
+  margin-right: auto;
 }
 
 .#{$kna-namespace}right {
-	margin-left: auto;
+  margin-left: auto;
 }
 
 .#{$kna-namespace}center {
-	margin-left: auto;
-	margin-right: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 /* text and contents alignment */
 .#{$kna-namespace}txtleft {
-	text-align: left;
+  text-align: left;
 }
 
 .#{$kna-namespace}txtright {
-	text-align: right;
+  text-align: right;
 }
 
 .#{$kna-namespace}txtcenter {
-	text-align: center;
+  text-align: center;
 }
 
 /* floating elements */
 .#{$kna-namespace}fl {
-	float: left;
+  float: left;
 }
 
 img.#{$kna-namespace}fl {
-	margin-right: $small-value;
+  margin-right: $small-value;
 }
 
 .#{$kna-namespace}fr {
-	float: right;
+  float: right;
 }
 
 img.#{$kna-namespace}fr {
-	margin-left: $small-value;
+  margin-left: $small-value;
 }
 
 img.#{$kna-namespace}fl,
 img.#{$kna-namespace}fr {
-	margin-bottom: $tiny-value;
+  margin-bottom: $tiny-value;
 }
 
 /* table layout */
 .#{$kna-namespace}row {
-	display: table;
-	table-layout: fixed;
-	width: 100%;
+  display: table;
+  table-layout: fixed;
+  width: 100%;
 }
 
 .#{$kna-namespace}row > *,
 .#{$kna-namespace}col {
-	display: table-cell;
-	vertical-align: top;
+  display: table-cell;
+  vertical-align: top;
 }
 
 /* no table-cell for script tag when body is a .row */
 body > script {
-	display: none !important;
+  display: none !important;
 }
 
 /* inline-block */
 .#{$kna-namespace}inbl {
-	display: inline-block;
-	vertical-align: top;
+  display: inline-block;
+  vertical-align: top;
 }
 
 /* flexbox layout
@@ -103,34 +103,34 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
 */
 
 [class*="#{$kna-namespace}flex-container"] {
-	display : flex;
-	flex-wrap: wrap;
+  display : flex;
+  flex-wrap: wrap;
 }
 
 .#{$kna-namespace}flex-container-h {
-	flex-direction: row;
+  flex-direction: row;
 }
 
 .#{$kna-namespace}flex-container-v {
-	flex-direction: column;
+  flex-direction: column;
 }
 
 .#{$kna-namespace}flex-item-fluid {
-	flex: 1;
+  flex: 1;
 }
 
 .#{$kna-namespace}flex-item-first {
-	order : -1;
+  order : -1;
 }
 
 .#{$kna-namespace}flex-item-medium {
-	order : 0;
+  order : 0;
 }
 
 .#{$kna-namespace}flex-item-last {
-	order : 1;
+  order : 1;
 }
 
 .#{$kna-namespace}flex-item-center {
-	margin: auto;
+  margin: auto;
 }
diff --git a/sass/_03-grids.scss b/sass/_03-grids.scss
index 8db3eb4..0fa7c32 100644
--- a/sass/_03-grids.scss
+++ b/sass/_03-grids.scss
@@ -18,133 +18,133 @@
 // example : .grid-perso { @include uneven-grid(2, 1, 10px); }
 
 [class*="#{$kna-namespace}grid-"] {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	margin-left: -$gutter;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-left: -$gutter;
 }
 
 [class*="#{$kna-namespace}grid-"] > * {
-	flex: 0 0 auto;
-	display: block; /* IE fix */
-	width: calc(100% * 1 / #{$number} - #{$gutter} - .01px);
-	margin-left: $gutter;
+  flex: 0 0 auto;
+  display: block; /* IE fix */
+  width: calc(100% * 1 / #{$number} - #{$gutter} - .01px);
+  margin-left: $gutter;
 }
 
 // Sass mixins for *equal* columns grid container
 // example : .grid-perso { @include grid(12); }
 @mixin grid($number:$number,$gutter:$gutter) {
 & > * {
-	width: calc(100% * 1 / #{$number} - #{$gutter} - .01px);
+  width: calc(100% * 1 / #{$number} - #{$gutter} - .01px);
 }
 & > .#{$kna-namespace}flex-item-double {
-	width: calc(100% * 2 / #{$number} - #{$gutter});
+  width: calc(100% * 2 / #{$number} - #{$gutter});
 }
-	@media (min-width: ($tiny-screen + 1)) and (max-width: $small-screen) {
-		& > * {
-			width: calc(100% * 1 / 2 - #{$gutter} - .01px);
-		}
-		& > .#{$kna-namespace}flex-item-double {
-			width: calc(100% - #{$gutter} - .01px);
-		}
-	}
-	@media (max-width: $tiny-screen) {
-		& > * {
-			width: calc(100% - #{$gutter} - .01px);
-		}
-		& > .#{$kna-namespace}flex-item-double {
-			width: calc(100% - #{$gutter} - .01px);
-		}
-	}
+  @media (min-width: ($tiny-screen + 1)) and (max-width: $small-screen) {
+    & > * {
+      width: calc(100% * 1 / 2 - #{$gutter} - .01px);
+    }
+    & > .#{$kna-namespace}flex-item-double {
+      width: calc(100% - #{$gutter} - .01px);
+    }
+  }
+  @media (max-width: $tiny-screen) {
+    & > * {
+      width: calc(100% - #{$gutter} - .01px);
+    }
+    & > .#{$kna-namespace}flex-item-double {
+      width: calc(100% - #{$gutter} - .01px);
+    }
+  }
 }
 
 // Examples : will be compiled in CSS
 
 .#{$kna-namespace}grid-2 {
-	@include grid(2);
+  @include grid(2);
 }
 
 .#{$kna-namespace}grid-3 {
-	@include grid(3);
+  @include grid(3);
 }
 
 .#{$kna-namespace}grid-4 {
-	@include grid(4);
+  @include grid(4);
 }
 
 .#{$kna-namespace}grid-5 {
-	@include grid(5);
+  @include grid(5);
 }
 
 .#{$kna-namespace}grid-6 {
-	@include grid(6);
+  @include grid(6);
 }
 
 .#{$kna-namespace}grid-7 {
-	@include grid(7);
+  @include grid(7);
 }
 
 .#{$kna-namespace}grid-8 {
-	@include grid(8);
+  @include grid(8);
 }
 
 .#{$kna-namespace}grid-10 {
-	@include grid(10);
+  @include grid(10);
 }
 
 .#{$kna-namespace}grid-12 {
-	@include grid(12);
+  @include grid(12);
 }
 
 // LESS mixins for *unequal* columns grid container
 // example : .grid-perso { @include uneven-grid(2, 1); }
 @mixin uneven-grid($left:$left, $right:$right, $gutter:$gutter) {
-	& > *:nth-child(odd) {
-		$size: ($left / ($left + $right)) * 100%;
-		width: calc(#{$size} - #{$gutter});
-	}
-	& > *:nth-child(even) {
-		$size: ($right / ($left + $right)) * 100%;
-		width: calc(#{$size} - #{$gutter});
-	}
-	@media (max-width: $tiny-screen) {
-		& > *:nth-child(n) {
-			width: calc(100% - #{$gutter});
-		}
-	}
+  & > *:nth-child(odd) {
+    $size: ($left / ($left + $right)) * 100%;
+    width: calc(#{$size} - #{$gutter});
+  }
+  & > *:nth-child(even) {
+    $size: ($right / ($left + $right)) * 100%;
+    width: calc(#{$size} - #{$gutter});
+  }
+  @media (max-width: $tiny-screen) {
+    & > *:nth-child(n) {
+      width: calc(100% - #{$gutter});
+    }
+  }
 }
 
 
 // Examples : will be compiled in CSS
 
 .#{$kna-namespace}grid-2-1 {
-	@include uneven-grid(2,1);
+  @include uneven-grid(2,1);
 }
 
 .#{$kna-namespace}grid-1-2 {
-	@include uneven-grid(1,2);
+  @include uneven-grid(1,2);
 }
 
 .#{$kna-namespace}grid-3-1 {
-	@include uneven-grid(3,1);
+  @include uneven-grid(3,1);
 }
 
 .#{$kna-namespace}grid-1-3 {
-	@include uneven-grid(1,3);
+  @include uneven-grid(1,3);
 }
 
 .#{$kna-namespace}grid-3-2 {
-	@include uneven-grid(3,2);
+  @include uneven-grid(3,2);
 }
 
 .#{$kna-namespace}grid-2-3 {
-	@include uneven-grid(2,3);
+  @include uneven-grid(2,3);
 }
 
 .#{$kna-namespace}grid-4-1 {
-	@include uneven-grid(4,1);
+  @include uneven-grid(4,1);
 }
 
 .#{$kna-namespace}grid-1-4 {
-	@include uneven-grid(1,4);
+  @include uneven-grid(1,4);
 }
diff --git a/sass/_04-tables.scss b/sass/_04-tables.scss
index 70c8be8..69ab67e 100644
--- a/sass/_04-tables.scss
+++ b/sass/_04-tables.scss
@@ -4,35 +4,35 @@
 
 table,
 .#{$kna-namespace}table {
-	width: 100%;
-	max-width : 100%;
-	table-layout: fixed;
-	border-collapse: collapse;
-	vertical-align: top;
-	border: 1px solid #ccc;
+  width: 100%;
+  max-width : 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+  vertical-align: top;
+  border: 1px solid #ccc;
 }
 
 .#{$kna-namespace}table {
-	display: table;
+  display: table;
 }
 
 table##{$kna-namespace}recaptcha_table,
 table.#{$kna-namespace}table-auto {
-	table-layout:auto;
+  table-layout:auto;
 }
 
 caption {
-	padding: $small-value;
-	color: #555;
-	font-style: italic;
+  padding: $small-value;
+  color: #555;
+  font-style: italic;
 }
 
 td,
 th {
-	padding: 0.3em 0.8em;
-	border: 1px #aaa dotted;
-	vertical-align: top;
-	min-width: $medium-value;
-	cursor: default;
-	text-align: left;
+  padding: 0.3em 0.8em;
+  border: 1px #aaa dotted;
+  vertical-align: top;
+  min-width: $medium-value;
+  cursor: default;
+  text-align: left;
 }
diff --git a/sass/_05-forms.scss b/sass/_05-forms.scss
index cd94035..a90d137 100644
--- a/sass/_05-forms.scss
+++ b/sass/_05-forms.scss
@@ -8,13 +8,13 @@
 
 /* buttons */
 .#{$kna-namespace}btn {
-	display: inline-block;
+  display: inline-block;
 }
 
 /* forms items */
 form,
 fieldset {
-	border: none;
+  border: none;
 }
 
 input,
@@ -22,9 +22,9 @@ button,
 select,
 label,
 .#{$kna-namespace}btn {
-	vertical-align: middle;
-	font-family: inherit;
-	font-size: inherit;
+  vertical-align: middle;
+  font-family: inherit;
+  font-size: inherit;
 }
 
 button,
@@ -32,30 +32,30 @@ input,
 optgroup,
 select,
 textarea {
-	color: $base-color;
+  color: $base-color;
 }
 
 label {
-	display: inline-block;
-	vertical-align: middle;
-	cursor: pointer;
+  display: inline-block;
+  vertical-align: middle;
+  cursor: pointer;
 }
 
 legend {
-	border: 0;
-	white-space: normal;
+  border: 0;
+  white-space: normal;
 }
 
 textarea {
-	min-height: 5em;
-	vertical-align: top;
-	font-family: inherit;
-	font-size: inherit;
-	resize: vertical;
+  min-height: 5em;
+  vertical-align: top;
+  font-family: inherit;
+  font-size: inherit;
+  resize: vertical;
 }
 
 select {
-	-webkit-appearance: menulist-button;
+  -webkit-appearance: menulist-button;
 }
 
 /* if select styling bugs on WebKit */
@@ -66,27 +66,27 @@ input[type="search"]::-webkit-search-decoration,
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-results-button,
 input[type="search"]::-webkit-search-results-decoration {
-	display: none;
+  display: none;
 }
 
 ::-webkit-input-placeholder {
-	color: #777;
+  color: #777;
 }
 
 input:-moz-placeholder,
 textarea:-moz-placeholder {
-	color: #777;
+  color: #777;
 }
 
 .#{$kna-namespace}btn:focus,
 input[type="button"]:focus,
 button:focus {
-	outline: 0;
-	-webkit-tap-highlight-color: transparent;
-	-webkit-user-select: none;
-	   -moz-user-select: none;
-	    -ms-user-select: none;
-	        user-select: none;
+  outline: 0;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
 }
 
 /* unstyled forms */
@@ -95,19 +95,19 @@ button.#{$kna-namespace}unstyled,
 input[type="button"].#{$kna-namespace}unstyled,
 input[type="submit"].#{$kna-namespace}unstyled,
 input[type="reset"].#{$kna-namespace}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;
+  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;
-	}
+  &:focus {
+    box-shadow: none;
+    outline: none;
+  }
 }
diff --git a/sass/_06-helpers.scss b/sass/_06-helpers.scss
index 80a383d..30fd051 100644
--- a/sass/_06-helpers.scss
+++ b/sass/_06-helpers.scss
@@ -5,119 +5,119 @@
 
 /* blocks widths (percentage and pixels) */
 .#{$kna-namespace}w10 {
-	width: 10%;
+  width: 10%;
 }
 
 .#{$kna-namespace}w20 {
-	width: 20%;
+  width: 20%;
 }
 
 .#{$kna-namespace}w25 {
-	width: 25%;
+  width: 25%;
 }
 
 .#{$kna-namespace}w30 {
-	width: 30%;
+  width: 30%;
 }
 
 .#{$kna-namespace}w33 {
-	width: 33.3333%;
+  width: 33.3333%;
 }
 
 .#{$kna-namespace}w40 {
-	width: 40%;
+  width: 40%;
 }
 
 .#{$kna-namespace}w50 {
-	width: 50%;
+  width: 50%;
 }
 
 .#{$kna-namespace}w60 {
-	width: 60%;
+  width: 60%;
 }
 
 .#{$kna-namespace}w66 {
-	width: 66.6666%;
+  width: 66.6666%;
 }
 
 .#{$kna-namespace}w70 {
-	width: 70%;
+  width: 70%;
 }
 
 .#{$kna-namespace}w75 {
-	width: 75%;
+  width: 75%;
 }
 
 .#{$kna-namespace}w80 {
-	width: 80%;
+  width: 80%;
 }
 
 .#{$kna-namespace}w90 {
-	width: 90%;
+  width: 90%;
 }
 
 .#{$kna-namespace}w100 {
-	width: 100%;
+  width: 100%;
 }
 
 .#{$kna-namespace}w50p {
-	width: 50px;
+  width: 50px;
 }
 
 .#{$kna-namespace}w100p {
-	width: 100px;
+  width: 100px;
 }
 
 .#{$kna-namespace}w150p {
-	width: 150px;
+  width: 150px;
 }
 
 .#{$kna-namespace}w200p {
-	width: 200px;
+  width: 200px;
 }
 
 .#{$kna-namespace}w300p {
-	width: 300px;
+  width: 300px;
 }
 
 .#{$kna-namespace}w400p {
-	width: 400px;
+  width: 400px;
 }
 
 .#{$kna-namespace}w500p {
-	width: 500px;
+  width: 500px;
 }
 
 .#{$kna-namespace}w600p {
-	width: 600px;
+  width: 600px;
 }
 
 .#{$kna-namespace}w700p {
-	width: 700px;
+  width: 700px;
 }
 
 .#{$kna-namespace}w800p {
-	width: 800px;
+  width: 800px;
 }
 
 .#{$kna-namespace}w960p {
-	width: 960px;
+  width: 960px;
 }
 
 .#{$kna-namespace}mw960p {
-	max-width: 960px;
+  max-width: 960px;
 }
 
 .#{$kna-namespace}w1140p {
-	width: 1140px;
+  width: 1140px;
 }
 
 .#{$kna-namespace}mw1140p {
-	max-width: 1140px;
+  max-width: 1140px;
 }
 
 .#{$kna-namespace}wauto {
-	width: auto;
+  width: auto;
 }
 
 /* spacing helpers
@@ -127,170 +127,170 @@ s,m,l,n = small, medium, large, none
 */
 .#{$kna-namespace}man,
 .#{$kna-namespace}ma0 {
-	margin: 0;
+  margin: 0;
 }
 
 .#{$kna-namespace}pan,
 .#{$kna-namespace}pa0 {
-	padding: 0;
+  padding: 0;
 }
 
 .#{$kna-namespace}mas {
-	margin: $small-value;
+  margin: $small-value;
 }
 
 .#{$kna-namespace}mam {
-	margin: $medium-value;
+  margin: $medium-value;
 }
 
 .#{$kna-namespace}mal {
-	margin: $large-value;
+  margin: $large-value;
 }
 
 .#{$kna-namespace}pas {
-	padding: $small-value;
+  padding: $small-value;
 }
 
 .#{$kna-namespace}pam {
-	padding: $medium-value;
+  padding: $medium-value;
 }
 
 .#{$kna-namespace}pal {
-	padding: $large-value;
+  padding: $large-value;
 }
 
 .#{$kna-namespace}mtn,
 .#{$kna-namespace}mt0 {
-	margin-top: 0;
+  margin-top: 0;
 }
 
 .#{$kna-namespace}mts {
-	margin-top: $small-value;
+  margin-top: $small-value;
 }
 
 .#{$kna-namespace}mtm {
-	margin-top: $medium-value;
+  margin-top: $medium-value;
 }
 
 .#{$kna-namespace}mtl {
-	margin-top: $large-value;
+  margin-top: $large-value;
 }
 
 .#{$kna-namespace}mrn,
 .#{$kna-namespace}mr0 {
-	margin-right: 0;
+  margin-right: 0;
 }
 
 .#{$kna-namespace}mrs {
-	margin-right: $small-value;
+  margin-right: $small-value;
 }
 
 .#{$kna-namespace}mrm {
-	margin-right: $medium-value;
+  margin-right: $medium-value;
 }
 
 .#{$kna-namespace}mrl {
-	margin-right: $large-value;
+  margin-right: $large-value;
 }
 
 .#{$kna-namespace}mbn,
 .#{$kna-namespace}mb0 {
-	margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 .#{$kna-namespace}mbs {
-	margin-bottom: $small-value;
+  margin-bottom: $small-value;
 }
 
 .#{$kna-namespace}mbm {
-	margin-bottom: $medium-value;
+  margin-bottom: $medium-value;
 }
 
 .#{$kna-namespace}mbl {
-	margin-bottom: $large-value;
+  margin-bottom: $large-value;
 }
 
 .#{$kna-namespace}mln,
 .#{$kna-namespace}ml0 {
-	margin-left: 0;
+  margin-left: 0;
 }
 
 .#{$kna-namespace}mls {
-	margin-left: $small-value;
+  margin-left: $small-value;
 }
 
 .#{$kna-namespace}mlm {
-	margin-left: $medium-value;
+  margin-left: $medium-value;
 }
 
 .#{$kna-namespace}mll {
-	margin-left: $large-value;
+  margin-left: $large-value;
 }
 
 .#{$kna-namespace}ptn,
 .#{$kna-namespace}pt0 {
-	padding-top: 0;
+  padding-top: 0;
 }
 
 .#{$kna-namespace}pts {
-	padding-top: $small-value;
+  padding-top: $small-value;
 }
 
 .#{$kna-namespace}ptm {
-	padding-top: $medium-value;
+  padding-top: $medium-value;
 }
 
 .#{$kna-namespace}ptl {
-	padding-top: $large-value;
+  padding-top: $large-value;
 }
 
 .#{$kna-namespace}prn,
 .#{$kna-namespace}pr0 {
-	padding-right: 0;
+  padding-right: 0;
 }
 
 .#{$kna-namespace}prs {
-	padding-right: $small-value;
+  padding-right: $small-value;
 }
 
 .#{$kna-namespace}prm {
-	padding-right: $medium-value;
+  padding-right: $medium-value;
 }
 
 .#{$kna-namespace}prl {
-	padding-right: $large-value;
+  padding-right: $large-value;
 }
 
 .#{$kna-namespace}pbn,
 .#{$kna-namespace}pb0 {
-	padding-bottom: 0;
+  padding-bottom: 0;
 }
 
 .#{$kna-namespace}pbs {
-	padding-bottom: $small-value;
+  padding-bottom: $small-value;
 }
 
 .#{$kna-namespace}pbm {
-	padding-bottom: $medium-value;
+  padding-bottom: $medium-value;
 }
 
 .#{$kna-namespace}pbl {
-	padding-bottom: $large-value;
+  padding-bottom: $large-value;
 }
 
 .#{$kna-namespace}pln,
 .#{$kna-namespace}pl0 {
-	padding-left: 0;
+  padding-left: 0;
 }
 
 .#{$kna-namespace}pls {
-	padding-left: $small-value;
+  padding-left: $small-value;
 }
 
 .#{$kna-namespace}plm {
-	padding-left: $medium-value;
+  padding-left: $medium-value;
 }
 
 .#{$kna-namespace}pll {
-	padding-left: $large-value;
+  padding-left: $large-value;
 }
diff --git a/sass/_07-responsive.scss b/sass/_07-responsive.scss
index c490c90..7f2077c 100644
--- a/sass/_07-responsive.scss
+++ b/sass/_07-responsive.scss
@@ -16,71 +16,71 @@
 
 @media (min-width: ($medium-screen + 1)) {
 
-	/* layouts for large screens */
-	.#{$kna-namespace}large-hidden {
-		display: none !important;
-	}
+  /* layouts for large screens */
+  .#{$kna-namespace}large-hidden {
+    display: none !important;
+  }
 
-	.#{$kna-namespace}large-visible {
-		display: block !important;
-	}
+  .#{$kna-namespace}large-visible {
+    display: block !important;
+  }
 
-	.#{$kna-namespace}large-no-float {
-		float: none;
-	}
+  .#{$kna-namespace}large-no-float {
+    float: none;
+  }
 
-	.#{$kna-namespace}large-inbl {
-		display: inline-block;
-		float: none;
-		vertical-align: top;
-	}
-	.#{$kna-namespace}large-row {
-		display: table;
-		table-layout: fixed;
-		width: 100% !important;
-	}
-	.#{$kna-namespace}large-col {
-		display: table-cell;
-		vertical-align: top;
-	}
+  .#{$kna-namespace}large-inbl {
+    display: inline-block;
+    float: none;
+    vertical-align: top;
+  }
+  .#{$kna-namespace}large-row {
+    display: table;
+    table-layout: fixed;
+    width: 100% !important;
+  }
+  .#{$kna-namespace}large-col {
+    display: table-cell;
+    vertical-align: top;
+  }
 
-	/* widths for large screens */
-	.#{$kna-namespace}large-w25 {
-		width: 25% !important;
-	}
+  /* widths for large screens */
+  .#{$kna-namespace}large-w25 {
+    width: 25% !important;
+  }
 
-	.#{$kna-namespace}large-w33 {
-		width: 33.3333% !important;
-	}
+  .#{$kna-namespace}large-w33 {
+    width: 33.3333% !important;
+  }
 
-	.#{$kna-namespace}large-w50 {
-		width: 50% !important;
-	}
+  .#{$kna-namespace}large-w50 {
+    width: 50% !important;
+  }
 
-	.#{$kna-namespace}large-w66 {
-		width: 66.6666% !important;
-	}
+  .#{$kna-namespace}large-w66 {
+    width: 66.6666% !important;
+  }
 
-	.#{$kna-namespace}large-w75 {
-		width: 75% !important;
-	}
+  .#{$kna-namespace}large-w75 {
+    width: 75% !important;
+  }
 
-	.#{$kna-namespace}large-w100,
-	.#{$kna-namespace}large-wauto {
-		display: block !important;
-		float: none !important;
-		clear: none !important;
-		width: auto !important;
-		margin-left: 0 !important;
-		margin-right: 0 !important;
-		border: 0;
-	}
+  .#{$kna-namespace}large-w100,
+  .#{$kna-namespace}large-wauto {
+    display: block !important;
+    float: none !important;
+    clear: none !important;
+    width: auto !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    border: 0;
+  }
 
-	/* margins for large screens */
-	.#{$kna-namespace}large-man,
-	.#{$kna-namespace}large-ma0 {
-		margin: 0 !important;
-	}
+  /* margins for large screens */
+  .#{$kna-namespace}large-man,
+  .#{$kna-namespace}large-ma0 {
+    margin: 0 !important;
+  }
 }
 
 /* ---------------------------------- */
@@ -89,73 +89,73 @@
 
 @media (min-width: ($small-screen + 1)) and (max-width: $medium-screen)  {
 
-	/* layouts for medium screens */
-	.#{$kna-namespace}medium-hidden {
-		display: none !important;
-	}
+  /* layouts for medium screens */
+  .#{$kna-namespace}medium-hidden {
+    display: none !important;
+  }
 
-	.#{$kna-namespace}medium-visible {
-		display: block !important;
-	}
+  .#{$kna-namespace}medium-visible {
+    display: block !important;
+  }
 
-	.#{$kna-namespace}medium-no-float {
-		float: none;
-	}
+  .#{$kna-namespace}medium-no-float {
+    float: none;
+  }
 
-	.#{$kna-namespace}medium-inbl {
-		display: inline-block;
-		float: none;
-		vertical-align: top;
-	}
+  .#{$kna-namespace}medium-inbl {
+    display: inline-block;
+    float: none;
+    vertical-align: top;
+  }
 
-	.#{$kna-namespace}medium-row {
-		display: table;
-		table-layout: fixed;
-		width: 100% !important;
-	}
+  .#{$kna-namespace}medium-row {
+    display: table;
+    table-layout: fixed;
+    width: 100% !important;
+  }
 
-	.#{$kna-namespace}medium-col {
-		display: table-cell;
-		vertical-align: top;
-	}
+  .#{$kna-namespace}medium-col {
+    display: table-cell;
+    vertical-align: top;
+  }
 
-	/* widths for medium screens */
-	.#{$kna-namespace}medium-w25 {
-		width: 25% !important;
-	}
+  /* widths for medium screens */
+  .#{$kna-namespace}medium-w25 {
+    width: 25% !important;
+  }
 
-	.#{$kna-namespace}medium-w33 {
-		width: 33.3333% !important;
-	}
+  .#{$kna-namespace}medium-w33 {
+    width: 33.3333% !important;
+  }
 
-	.#{$kna-namespace}medium-w50 {
-		width: 50% !important;
-	}
+  .#{$kna-namespace}medium-w50 {
+    width: 50% !important;
+  }
 
-	.#{$kna-namespace}medium-w66 {
-		width: 66.6666% !important;
-	}
+  .#{$kna-namespace}medium-w66 {
+    width: 66.6666% !important;
+  }
 
-	.#{$kna-namespace}medium-w75 {
-		width: 75% !important;
-	}
+  .#{$kna-namespace}medium-w75 {
+    width: 75% !important;
+  }
 
-	.#{$kna-namespace}medium-w100,
-	.#{$kna-namespace}medium-wauto {
-		display: block !important;
-		float: none !important;
-		clear: none !important;
-		width: auto !important;
-		margin-left: 0 !important;
-		margin-right: 0 !important;
-		border: 0;
-	}
+  .#{$kna-namespace}medium-w100,
+  .#{$kna-namespace}medium-wauto {
+    display: block !important;
+    float: none !important;
+    clear: none !important;
+    width: auto !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    border: 0;
+  }
 
-	/* margins for medium screens */
-	.#{$kna-namespace}medium-man,
-	.#{$kna-namespace}medium-ma0 {
-		margin: 0 !important;
-	}
+  /* margins for medium screens */
+  .#{$kna-namespace}medium-man,
+  .#{$kna-namespace}medium-ma0 {
+    margin: 0 !important;
+  }
 }
 
 /* ---------------------------------- */
@@ -164,88 +164,88 @@
 
 @media (min-width: ($tiny-screen + 1)) and (max-width: $small-screen) {
 
-	/* quick reset in small resolution and less */
-	.#{$kna-namespace}w600p,
-	.#{$kna-namespace}w700p,
-	.#{$kna-namespace}w800p,
-	.#{$kna-namespace}w960p,
-	.#{$kna-namespace}mw960p {
-		width: auto;
-		float: none;
-	}
+  /* quick reset in small resolution and less */
+  .#{$kna-namespace}w600p,
+  .#{$kna-namespace}w700p,
+  .#{$kna-namespace}w800p,
+  .#{$kna-namespace}w960p,
+  .#{$kna-namespace}mw960p {
+    width: auto;
+    float: none;
+  }
 
-	/* layouts for small screens */
-	.#{$kna-namespace}small-hidden {
-		display: none !important;
-	}
+  /* layouts for small screens */
+  .#{$kna-namespace}small-hidden {
+    display: none !important;
+  }
 
-	.#{$kna-namespace}small-visible {
-		display: block !important;
-	}
+  .#{$kna-namespace}small-visible {
+    display: block !important;
+  }
 
-	.#{$kna-namespace}small-no-float {
-		float: none;
-	}
+  .#{$kna-namespace}small-no-float {
+    float: none;
+  }
 
-	.#{$kna-namespace}small-inbl {
-		display: inline-block;
-		float: none;
-		vertical-align: top;
-	}
+  .#{$kna-namespace}small-inbl {
+    display: inline-block;
+    float: none;
+    vertical-align: top;
+  }
 
-	.#{$kna-namespace}small-row {
-		display: table !important;
-		table-layout: fixed !important;
-		width: 100% !important;
-	}
+  .#{$kna-namespace}small-row {
+    display: table !important;
+    table-layout: fixed !important;
+    width: 100% !important;
+  }
 
-	.#{$kna-namespace}small-col {
-		display: table-cell !important;
-		vertical-align: top !important;
-	}
+  .#{$kna-namespace}small-col {
+    display: table-cell !important;
+    vertical-align: top !important;
+  }
 
-	/* widths for small screens */
-	.#{$kna-namespace}small-w25 {
-		width: 25% !important;
-	}
+  /* widths for small screens */
+  .#{$kna-namespace}small-w25 {
+    width: 25% !important;
+  }
 
-	.#{$kna-namespace}small-w33 {
-		width: 33.3333% !important;
-	}
+  .#{$kna-namespace}small-w33 {
+    width: 33.3333% !important;
+  }
 
-	.#{$kna-namespace}small-w50 {
-		width: 50% !important;
-	}
+  .#{$kna-namespace}small-w50 {
+    width: 50% !important;
+  }
 
-	.#{$kna-namespace}small-w66 {
-		width: 66.6666% !important;
-	}
+  .#{$kna-namespace}small-w66 {
+    width: 66.6666% !important;
+  }
 
-	.#{$kna-namespace}small-w75 {
-		width: 75% !important;
-	}
+  .#{$kna-namespace}small-w75 {
+    width: 75% !important;
+  }
 
-	.#{$kna-namespace}small-w100,
-	.#{$kna-namespace}small-wauto {
-		display: block !important;
-		float: none !important;
-		clear: none !important;
-		width: auto !important;
-		margin-left: 0 !important;
-		margin-right: 0 !important;
-		border: 0;
-	}
+  .#{$kna-namespace}small-w100,
+  .#{$kna-namespace}small-wauto {
+    display: block !important;
+    float: none !important;
+    clear: none !important;
+    width: auto !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    border: 0;
+  }
 
-	/* margins for small screens */
-	.#{$kna-namespace}small-man,
-	.#{$kna-namespace}small-ma0 {
-		margin: 0 !important;
-	}
+  /* margins for small screens */
+  .#{$kna-namespace}small-man,
+  .#{$kna-namespace}small-ma0 {
+    margin: 0 !important;
+  }
 
-	.#{$kna-namespace}small-pan,
-	.#{$kna-namespace}small-pa0 {
-		padding: 0 !important;
-	}
+  .#{$kna-namespace}small-pan,
+  .#{$kna-namespace}small-pa0 {
+    padding: 0 !important;
+  }
 
 }
 
@@ -255,117 +255,117 @@
 
 @media (max-width: $tiny-screen) {
 
-	/* quick small resolution reset */
-	.#{$kna-namespace}mod,
-	.#{$kna-namespace}col,
-	fieldset {
-		display: block !important;
-		float: none !important;
-		clear: none !important;
-		width: auto !important;
-		margin-left: 0 !important;
-		margin-right: 0 !important;
-		border: 0;
-	}
+  /* quick small resolution reset */
+  .#{$kna-namespace}mod,
+  .#{$kna-namespace}col,
+  fieldset {
+    display: block !important;
+    float: none !important;
+    clear: none !important;
+    width: auto !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    border: 0;
+  }
 
-	.#{$kna-namespace}flex-container {
-		flex-direction: column;
-	}
+  .#{$kna-namespace}flex-container {
+    flex-direction: column;
+  }
 
-	.#{$kna-namespace}w300p,
-	.#{$kna-namespace}w400p,
-	.#{$kna-namespace}w500p {
-		width: auto;
-		float: none;
-	}
+  .#{$kna-namespace}w300p,
+  .#{$kna-namespace}w400p,
+  .#{$kna-namespace}w500p {
+    width: auto;
+    float: none;
+  }
 
-	.#{$kna-namespace}row {
-		display: block !important;
-		width: 100% !important;
-	}
+  .#{$kna-namespace}row {
+    display: block !important;
+    width: 100% !important;
+  }
 
-	/* layouts for tiny screens */
-	.#{$kna-namespace}tiny-hidden {
-		display: none !important;
-	}
+  /* layouts for tiny screens */
+  .#{$kna-namespace}tiny-hidden {
+    display: none !important;
+  }
 
-	.#{$kna-namespace}tiny-visible {
-		display: block !important;
-	}
+  .#{$kna-namespace}tiny-visible {
+    display: block !important;
+  }
 
-	.#{$kna-namespace}tiny-no-float {
-		float: none;
-	}
+  .#{$kna-namespace}tiny-no-float {
+    float: none;
+  }
 
-	.#{$kna-namespace}tiny-inbl {
-		display: inline-block;
-		float: none;
-		vertical-align: top;
-	}
+  .#{$kna-namespace}tiny-inbl {
+    display: inline-block;
+    float: none;
+    vertical-align: top;
+  }
 
-	.#{$kna-namespace}tiny-row {
-		display: table !important;
-		table-layout: fixed !important;
-		width: 100% !important;
-	}
+  .#{$kna-namespace}tiny-row {
+    display: table !important;
+    table-layout: fixed !important;
+    width: 100% !important;
+  }
 
-	.#{$kna-namespace}tiny-col {
-		display: table-cell !important;
-		vertical-align: top !important;
-	}
+  .#{$kna-namespace}tiny-col {
+    display: table-cell !important;
+    vertical-align: top !important;
+  }
 
-	th,
-	td {
-		display: block;
-		width: auto;
-		text-align: left;
-	}
+  th,
+  td {
+    display: block;
+    width: auto;
+    text-align: left;
+  }
 
-	thead {
-		display: none;
-	}
+  thead {
+    display: none;
+  }
 
-	/* widths for tiny screens */
-	.#{$kna-namespace}tiny-w25 {
-		width: 25% !important;
-	}
+  /* widths for tiny screens */
+  .#{$kna-namespace}tiny-w25 {
+    width: 25% !important;
+  }
 
-	.#{$kna-namespace}tiny-w33 {
-		width: 33.3333% !important;
-	}
+  .#{$kna-namespace}tiny-w33 {
+    width: 33.3333% !important;
+  }
 
-	.#{$kna-namespace}tiny-w50 {
-		width: 50% !important;
-	}
+  .#{$kna-namespace}tiny-w50 {
+    width: 50% !important;
+  }
 
-	.#{$kna-namespace}tiny-w66 {
-		width: 66.6666% !important;
-	}
+  .#{$kna-namespace}tiny-w66 {
+    width: 66.6666% !important;
+  }
 
-	.#{$kna-namespace}tiny-w75 {
-		width: 75% !important;
-	}
+  .#{$kna-namespace}tiny-w75 {
+    width: 75% !important;
+  }
 
-	.#{$kna-namespace}tiny-w100,
-	.#{$kna-namespace}tiny-wauto {
-		display: block !important;
-		float: none !important;
-		clear: none !important;
-		width: auto !important;
-		margin-left: 0 !important;
-		margin-right: 0 !important;
-		border: 0;
-	}
+  .#{$kna-namespace}tiny-w100,
+  .#{$kna-namespace}tiny-wauto {
+    display: block !important;
+    float: none !important;
+    clear: none !important;
+    width: auto !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    border: 0;
+  }
 
-	/* margins for tiny screens */
-	.#{$kna-namespace}tiny-man,
-	.#{$kna-namespace}tiny-ma0 {
-		margin: 0 !important;
-	}
+  /* margins for tiny screens */
+  .#{$kna-namespace}tiny-man,
+  .#{$kna-namespace}tiny-ma0 {
+    margin: 0 !important;
+  }
 
-	.#{$kna-namespace}tiny-pan,
-	.#{$kna-namespace}tiny-pa0 {
-		padding: 0 !important;
-	}
+  .#{$kna-namespace}tiny-pan,
+  .#{$kna-namespace}tiny-pa0 {
+    padding: 0 !important;
+  }
 
 }
diff --git a/sass/_08-print.scss b/sass/_08-print.scss
index 194189d..8094b1f 100644
--- a/sass/_08-print.scss
+++ b/sass/_08-print.scss
@@ -1,94 +1,94 @@
 /* quick print reset */
 @media print {
-	* {
-		background: transparent !important;
-		box-shadow: none !important;
-		text-shadow: none !important;
-	}
+  * {
+    background: transparent !important;
+    box-shadow: none !important;
+    text-shadow: none !important;
+  }
 
-	body {
-		width: auto !important;
-		margin: auto !important;
-		font-family: serif;
-		font-size: 12pt;
-		background-color: #fff !important;
-		color: #333 !important;
-	}
+  body {
+    width: auto !important;
+    margin: auto !important;
+    font-family: serif;
+    font-size: 12pt;
+    background-color: #fff !important;
+    color: #333 !important;
+  }
 
-	p,
-	.#{$kna-namespace}p-like,
-	h1,
-	.#{$kna-namespace}h1-like,
-	h2,
-	.#{$kna-namespace}h2-like,
-	h3,
-	.#{$kna-namespace}h3-like,
-	h4,
-	.#{$kna-namespace}h4-like,
-	h5,
-	.#{$kna-namespace}h5-like,
-	h6,
-	.#{$kna-namespace}h6-like,
-	blockquote,
-	ul,
-	ol {
-		color: #000 !important;
-		margin: auto !important;
-	}
+  p,
+  .#{$kna-namespace}p-like,
+  h1,
+  .#{$kna-namespace}h1-like,
+  h2,
+  .#{$kna-namespace}h2-like,
+  h3,
+  .#{$kna-namespace}h3-like,
+  h4,
+  .#{$kna-namespace}h4-like,
+  h5,
+  .#{$kna-namespace}h5-like,
+  h6,
+  .#{$kna-namespace}h6-like,
+  blockquote,
+  ul,
+  ol {
+    color: #000 !important;
+    margin: auto !important;
+  }
 
-	.#{$kna-namespace}print {
-		display: block;
-	}
+  .#{$kna-namespace}print {
+    display: block;
+  }
 
-	.#{$kna-namespace}no-print {
-		display: none;
-	}
+  .#{$kna-namespace}no-print {
+    display: none;
+  }
 
-	/* no orphans, no widows */
-	p,
-	.#{$kna-namespace}p-like,
-	blockquote {
-		orphans: 3;
-		widows: 3;
-	}
+  /* no orphans, no widows */
+  p,
+  .#{$kna-namespace}p-like,
+  blockquote {
+    orphans: 3;
+    widows: 3;
+  }
 
-	/* no breaks inside these elements */
-	blockquote,
-	ul,
-	ol {
-		page-break-inside: avoid;
-	}
+  /* no breaks inside these elements */
+  blockquote,
+  ul,
+  ol {
+    page-break-inside: avoid;
+  }
 
-	/* page break before main headers
-	h1,
-	.h1-like {
-		page-break-before: always;
-	}
-	*/
+  /* page break before main headers
+  h1,
+  .h1-like {
+    page-break-before: always;
+  }
+  */
 
-	/* no breaks after these elements */
-	h1,
-	.#{$kna-namespace}h1-like,
-	h2,
-	.#{$kna-namespace}h2-like,
-	h3,
-	.#{$kna-namespace}h3-like,
-	caption {
-		page-break-after: avoid;
-	}
+  /* no breaks after these elements */
+  h1,
+  .#{$kna-namespace}h1-like,
+  h2,
+  .#{$kna-namespace}h2-like,
+  h3,
+  .#{$kna-namespace}h3-like,
+  caption {
+    page-break-after: avoid;
+  }
 
-	a {
-		color: #000 !important;
-		text-decoration: underline !important;
-	}
+  a {
+    color: #000 !important;
+    text-decoration: underline !important;
+  }
 
-	/* displaying URLs */
-	a[href]::after {
-		content: " (" attr(href) ")";
-	}
+  /* displaying URLs */
+  a[href]::after {
+    content: " (" attr(href) ")";
+  }
 
-	a[href^="javascript:"]::after,
-	a[href^="#"]::after {
-		content: "";
-	}
+  a[href^="javascript:"]::after,
+  a[href^="#"]::after {
+    content: "";
+  }
 }
diff --git a/sass/_09-misc.scss b/sass/_09-misc.scss
index 99dce1d..910fa34 100644
--- a/sass/_09-misc.scss
+++ b/sass/_09-misc.scss
@@ -4,52 +4,52 @@
 
 /* styling skip links */
 .#{$kna-namespace}skip-links {
-	position: absolute;
+  position: absolute;
 
-	& a {
-		position: absolute;
-		overflow: hidden;
-		clip: rect(1px, 1px, 1px, 1px);
-		padding: 0.5em;
-		background: black;
-		color: white;
-		text-decoration: none;
+  & a {
+    position: absolute;
+    overflow: hidden;
+    clip: rect(1px, 1px, 1px, 1px);
+    padding: 0.5em;
+    background: black;
+    color: white;
+    text-decoration: none;
 
-		&:focus {
-			position: static;
-			overflow: visible;
-			clip: auto;
-		}
-	}
+    &:focus {
+      position: static;
+      overflow: visible;
+      clip: auto;
+    }
+  }
 }
 
 // hyphens on small screens
 @media (max-width: $small-screen) {
-	/* you shall not pass */
-	div,
-	textarea,
-	table,
-	td,
-	th,
-	code,
-	pre,
-	samp {
-		word-wrap: break-word;
-		hyphens: auto;
-	}
+  /* you shall not pass */
+  div,
+  textarea,
+  table,
+  td,
+  th,
+  code,
+  pre,
+  samp {
+    word-wrap: break-word;
+    hyphens: auto;
+  }
 }
 
 /* Google Gmap3 bug fix on images */
 .gm-style img {
-	height: 100%;
+  height: 100%;
 }
 
 :not(.gm-style) img {
-	height: auto;
+  height: auto;
 }
 
 .gm-style img,
 .gmnoscreen img,
 .gmnoprint img {
-	max-width: none !important;
+  max-width: none !important;
 }
diff --git a/sass/_10-styling.scss b/sass/_10-styling.scss
index 236ef9f..e0f6456 100644
--- a/sass/_10-styling.scss
+++ b/sass/_10-styling.scss
@@ -4,134 +4,134 @@
 
 /* styling elements */
 code, kbd, mark {
-	border-radius: 2px;
+  border-radius: 2px;
 }
 
 kbd {
-	padding: 0 2px;
-	border: 1px solid #999;
+  padding: 0 2px;
+  border: 1px solid #999;
 }
 
 code {
-	padding: 2px 4px;
-	background: rgba(0,0,0,0.04);
-	color: #b11;
+  padding: 2px 4px;
+  background: rgba(0,0,0,0.04);
+  color: #b11;
 }
 
 pre code {
-	padding: none;
-	background: none;
-	color: inherit;
-	border-radius: 0;
+  padding: none;
+  background: none;
+  color: inherit;
+  border-radius: 0;
 }
 
 mark {
-	padding:2px 4px;
+  padding:2px 4px;
 }
 
 sup,
 sub {
-	vertical-align: 0;
+  vertical-align: 0;
 }
 
 sup {
-	bottom: 1ex;
+  bottom: 1ex;
 }
 
 sub {
-	top: 0.5ex;
+  top: 0.5ex;
 }
 
 blockquote {
-	position: relative;
-	padding-left: 3em;
+  position: relative;
+  padding-left: 3em;
 }
 
 blockquote::before {
-	content: "\201C";
-	position: absolute;
-	left: 0;
-	top: 0;
-	font-family: georgia, serif;
-	font-size: 5em;
-	line-height: 0.9;
-	color: rgba(0, 0, 0, .3);
+  content: "\201C";
+  position: absolute;
+  left: 0;
+  top: 0;
+  font-family: georgia, serif;
+  font-size: 5em;
+  line-height: 0.9;
+  color: rgba(0, 0, 0, .3);
 }
 
 blockquote > footer {
-	margin-top: .75em;
-	font-size: 0.9em;
-	color: rgba(0, 0, 0, .7);
+  margin-top: .75em;
+  font-size: 0.9em;
+  color: rgba(0, 0, 0, .7);
 }
 
 blockquote > footer::before {
-	content: "\2014 \0020";
+  content: "\2014 \0020";
 }
 
 q {
-	font-style: normal;
+  font-style: normal;
 }
 
 q,
 .#{$kna-namespace}q {
-	quotes: "“\00a0" "\00a0”";
+  quotes: "“\00a0" "\00a0”";
 }
 
 q:lang(fr),
 .#{$kna-namespace}q:lang(fr) {
-	quotes: "«\00a0" "\00a0»";
+  quotes: "«\00a0" "\00a0»";
 }
 
 hr {
-	display: block;
-	clear: both;
-	height: 1px;
-	margin: 1em 0 2em;
-	padding: 0;
-	border: 0;
-	color: #ccc;
-	background-color: #ccc;
+  display: block;
+  clear: both;
+  height: 1px;
+  margin: 1em 0 2em;
+  padding: 0;
+  border: 0;
+  color: #ccc;
+  background-color: #ccc;
 }
 
 /* alternate tables */
 .#{$kna-namespace}table-alternate {
-	border: 0;
+  border: 0;
 }
 
 .#{$kna-namespace}table-alternate tbody {
-	border: 1px solid #ccc;
+  border: 1px solid #ccc;
 }
 
 .#{$kna-namespace}table-alternate thead tr > * + * {
-	border-left: 0;
+  border-left: 0;
 }
 
 .#{$kna-namespace}table-alternate tbody tr > * + * {
-	border-left: 1px solid #ccc;
+  border-left: 1px solid #ccc;
 }
 
 /* alternate-vert tables */
 .#{$kna-namespace}table-alternate-v {
-	border: 0;
-	border-right: 1px solid #ccc;
+  border: 0;
+  border-right: 1px solid #ccc;
 }
 
 .#{$kna-namespace}table-alternate-v tr > :first-child {
-	border-bottom: 0;
+  border-bottom: 0;
 }
 
 .#{$kna-namespace}table-alternate-v tr > * + * {
-	border-top: 1px solid #ccc;
+  border-top: 1px solid #ccc;
 }
 
 /* striped tables */
 .#{$kna-namespace}table-striped tbody tr:nth-child(odd) {
-	background: #eee;
-	background: rgba(0, 0, 0, .05);
+  background: #eee;
+  background: rgba(0, 0, 0, .05);
 }
 
 /* striped-vert tables */
 .#{$kna-namespace}table-striped-v tr > :first-child {
-	background: #eee;
-	background: rgba(0, 0, 0, .05);
+  background: #eee;
+  background: rgba(0, 0, 0, .05);
 }
diff --git a/sass/_11-wordpress.scss b/sass/_11-wordpress.scss
index 805dc82..fc6bc92 100644
--- a/sass/_11-wordpress.scss
+++ b/sass/_11-wordpress.scss
@@ -24,23 +24,23 @@ Description: Reset styles for WordPress usage of KNACSS
 .comment-navigation,
 .paging-navigation,
 .post-navigation {
-	margin: 0 0 1.5em;
-	overflow: hidden;
+  margin: 0 0 1.5em;
+  overflow: hidden;
 }
 
 .comment-navigation .nav-previous,
 .paging-navigation .nav-previous,
 .post-navigation .nav-previous {
-	float: left;
-	width: 50%;
+  float: left;
+  width: 50%;
 }
 
 .comment-navigation .nav-next,
 .paging-navigation .nav-next,
 .post-navigation .nav-next {
-	float: right;
-	text-align: right;
-	width: 50%;
+  float: right;
+  text-align: right;
+  width: 50%;
 }
 
 /* ----------------------------- */
@@ -49,23 +49,23 @@ Description: Reset styles for WordPress usage of KNACSS
 
 // class in img elements
 .alignnone {
-	margin: .25em 1.5em 1.5em 0;
+  margin: .25em 1.5em 1.5em 0;
 }
 
 .aligncenter {
-	clear: both;
-	display: block;
-	margin: 1.5em auto;
+  clear: both;
+  display: block;
+  margin: 1.5em auto;
 }
 
 .alignleft {
-	float: left;
-	margin: 0 1.5em .25em 0;
+  float: left;
+  margin: 0 1.5em .25em 0;
 }
 
 .alignright {
-	float: right;
-	margin: 0 0 .25em 1.5em;
+  float: right;
+  margin: 0 0 .25em 1.5em;
 }
 
 /* ----------------------------- */
@@ -74,12 +74,12 @@ Description: Reset styles for WordPress usage of KNACSS
 
 .entry-content,
 .comment-content {
-	clear: both;
-	
-	&::after, &::before {
-		content: "";
-		display: table;
-	}
+  clear: both;
+
+  &::after, &::before {
+    content: "";
+    display: table;
+  }
 }
 
 /* ----------------------------- */
@@ -87,12 +87,12 @@ Description: Reset styles for WordPress usage of KNACSS
 /* ----------------------------- */
 
 .widget + .widget {
-	margin: 1.5em 0 0;
+  margin: 1.5em 0 0;
 }
 
 // usage example:
 .widget select {
-	max-width: 100%;
+  max-width: 100%;
 }
 
 /* ----------------------------- */
@@ -111,56 +111,56 @@ Description: Reset styles for WordPress usage of KNACSS
 
 // format of post
 .format- {
-	&aside {
-	}
-	&gallery {
-	}
-	&link {
-	}
-	&image {
-	}
-	&quote {
-	}
-	&status {
-	}
-	&video {
-	}
-	&chat {
-	}
+  &aside {
+  }
+  &gallery {
+  }
+  &link {
+  }
+  &image {
+  }
+  &quote {
+  }
+  &status {
+  }
+  &video {
+  }
+  &chat {
+  }
 }
 
 // class for a tag
 .tag- {
-	&name-of-tag {
-	}
+  &name-of-tag {
+  }
 }
 
 // class for categorie
 .category- {
-	&name-of-category {
-	}
+  &name-of-category {
+  }
 }
 
 /* === 5.2 Pages - body_class === */
 
 // front page
 .home {
-	// if display posts
-	&.blog {
-	}
-	// if static page
-	&.page {
-	}
+  // if display posts
+  &.blog {
+  }
+  // if static page
+  &.page {
+  }
 }
 
 // page displays posts
 .blog {
-	// if is frontpage
-	&.home {
-	}
-	// if static page
-	&.page {
-	}
+  // if is frontpage
+  &.home {
+  }
+  // if static page
+  &.page {
+  }
 }
 
 // simple page
@@ -175,14 +175,14 @@ Description: Reset styles for WordPress usage of KNACSS
 .archive {
 }
 
-// page of search 
+// page of search
 .search {
-	// if has results
-	.search-results {
-	}
-	// if has no results
-	.search-no-results {
-	}
+  // if has results
+  .search-results {
+  }
+  // if has no results
+  .search-no-results {
+  }
 }
 
 // page 404
@@ -201,18 +201,18 @@ Description: Reset styles for WordPress usage of KNACSS
 /* === 5.3 Posts and Pages - Contents === */
 
 .hentry {
-	margin: 0 0 1.5em;
+  margin: 0 0 1.5em;
 }
 
 .page-content,
 .entry-content,
 .entry-summary {
-	margin: 1.5em 0 0;
+  margin: 1.5em 0 0;
 }
 
 .page-links {
-	clear: both;
-	margin: 0 0 1.5em;
+  clear: both;
+  margin: 0 0 1.5em;
 }
 
 /* ----------------------------- */
@@ -220,11 +220,11 @@ Description: Reset styles for WordPress usage of KNACSS
 /* ----------------------------- */
 
 .comment-content a {
-	word-wrap: break-word;
+  word-wrap: break-word;
 }
 
 .bypostauthor {
-	// some make-the-logo-bigger styles
+  // some make-the-logo-bigger styles
 }
 
 /* ----------------------------- */
@@ -232,10 +232,10 @@ Description: Reset styles for WordPress usage of KNACSS
 /* ----------------------------- */
 
 img.wp-smiley {
-	margin-bottom: 0;
-	margin-top: 0;
-	padding: 0;
-	border: none;
+  margin-bottom: 0;
+  margin-top: 0;
+  padding: 0;
+  border: none;
 }
 
 /* ----------------------------- */
@@ -243,18 +243,18 @@ img.wp-smiley {
 /* ----------------------------- */
 
 .wp-caption {
-	max-width: 100%;
-	margin-bottom: 1.5em;
+  max-width: 100%;
+  margin-bottom: 1.5em;
 }
 
 .wp-caption img {
-	display: block;
-	margin: 0 auto;
+  display: block;
+  margin: 0 auto;
 }
 
 .wp-caption-text {
-	margin: 1em 0;
-	text-align: center;
+  margin: 1em 0;
+  text-align: center;
 }
 
 /* ----------------------------- */
@@ -262,41 +262,41 @@ img.wp-smiley {
 /* ----------------------------- */
 
 .gallery {
-	margin-bottom: 1.5em;
+  margin-bottom: 1.5em;
 }
 
 .gallery-item {
-	display: inline-block;
-	width: 100%;
-	text-align: center;
-	vertical-align: top;
-	
-	.gallery-columns-2 & {
-		max-width: 50%;
-	}
-	.gallery-columns-3 & {
-		max-width: 33.33%;
-	}
-	.gallery-columns-4 & {
-		max-width: 25%;
-	}
-	.gallery-columns-5 & {
-		max-width: 20%;
-	}
-	.gallery-columns-6 & {
-		max-width: 16.66%;
-	}
-	.gallery-columns-7 & {
-		max-width: 14.28%;
-	}
-	.gallery-columns-8 & {
-		max-width: 12.5%;
-	}
-	.gallery-columns-9 & {
-		max-width: 11.11%;
-	}
+  display: inline-block;
+  width: 100%;
+  text-align: center;
+  vertical-align: top;
+
+  .gallery-columns-2 & {
+    max-width: 50%;
+  }
+  .gallery-columns-3 & {
+    max-width: 33.33%;
+  }
+  .gallery-columns-4 & {
+    max-width: 25%;
+  }
+  .gallery-columns-5 & {
+    max-width: 20%;
+  }
+  .gallery-columns-6 & {
+    max-width: 16.66%;
+  }
+  .gallery-columns-7 & {
+    max-width: 14.28%;
+  }
+  .gallery-columns-8 & {
+    max-width: 12.5%;
+  }
+  .gallery-columns-9 & {
+    max-width: 11.11%;
+  }
 }
 
 .gallery-caption {
-	display: block;
+  display: block;
 }
diff --git a/sass/knacss.scss b/sass/knacss.scss
index 95dd270..8b79c1f 100644
--- a/sass/knacss.scss
+++ b/sass/knacss.scss
@@ -30,4 +30,4 @@
 
 /* Here should go your own CSS styles */
 /* You can also link them with a Sass @import */
-/* @import "my-styles"; */
\ No newline at end of file
+/* @import "my-styles"; */