Changed stylesheets: now following the sass-linter rules, removed old code comments

Author: Darius Rosendahl

scss/base/defaults.scss

@@ -2,22 +2,27 @@
 html {
 	overflow-y: scroll;
 }
+
 a {
 	color: $theme02;
 }
+
 table {
 	border-top: 1px solid $color03;
 }
+
 tr > * {
 	padding: 1rem 1.5rem;
 	vertical-align: top;
 	text-align: left;
 	border-bottom: 1px solid $color03;
 }
+
 .block {
 	margin-bottom: $margin-default * 3;
 
-}
-.block-invert {
-	border: 1px solid $color03;
-}
+	&-invert {
+		border: 1px solid $color03;
+	}
+
+}

scss/layout/docs_code.scss

@@ -2,16 +2,23 @@ code {
 	display: inline;
 	padding: 1px;
 	background: #fff0c3;
-	border: 1px solid darken(#fff0c3, 10%); 
+	border: 1px solid darken(#fff0c3, 10%);
 }
-.code-multi {
+
+%code-multi {
 	display: block;
 	padding: 5px;
 }
+
+.code-multi {
+	@extend %code-multi;
+}
+
 .code-structure {
-	@extend .code-multi;
+	@extend %code-multi;
 	line-height: 1;
 }
+
 .specs {
 	overflow-x: auto;
 	-webkit-overflow-scrolling: touch;
@@ -30,12 +37,14 @@ table {
 
 .demo-block {
 	display: block;
-	background: #d2f2ff;
-	color: rgba(30, 149, 191, 1);
 	margin-bottom: $margin-default;
 	padding: $padding-default;
+	//sass-lint:disable-all
 	@include ellipsis;
+	//sass-lint:enable-all
 	text-align: center;
+	color: rgba(30, 149, 191, 1);
+	background: #d2f2ff;
 	border-radius: $radius;
 
 	.demo-block {
@@ -51,13 +60,15 @@ table {
 	&.two {
 		background: $theme03;
 
+		// sass-lint:disable-all
 		.demo-block.two {
 			background: lighten( $theme03, 10% );
 
 			.demo-block.two {
 				background: lighten( $theme03, 20% );
 			}
 		}
+		// sass-lint:enable-all
 	}
 }
 
@@ -76,14 +87,14 @@ table {
  *
  * @version
  * 3.0.83 (July 02 2010)
- * 
+ *
  * @copyright
  * Copyright (C) 2004-2010 Alex Gorbatchev.
  *
  * @license
  * Dual licensed under the MIT and GPL licenses.
  */
- // sasslint:disable-all
+// sass-lint:disable-all
  .syntaxhighlighter a,
  .syntaxhighlighter div,
  .syntaxhighlighter code,

scss/layout/docs_layout.scss

@@ -2,10 +2,10 @@
 	white-space: nowrap;
 }
 
-	
+
 /* equal height for some blocks */
 .eq {
-    display: flex;
+	display: flex;
 
 	> * {
 		flex: 1;

scss/layout/docs_mainvisual.scss

@@ -1,8 +1,8 @@
 .doc-mainvisual {
 	display: flex;
-	width: 100%; height: calc(100vh - 72px);
 	align-items: center;
 	justify-content: center;
+	width: 100%; height: calc(100vh - 72px);
 
 	> * {
 		width: 100%;
@@ -17,51 +17,48 @@
 
 }
 
-.wrapper.home {
-	background-color: $theme04;
+.wrapper {
+
+	&.home {
+		background-color: $theme04;
+	}
 }
+
 .nav-label {
+	//sass-lint:disable-all
 	@extend .btn-theme04;
+	//sass-lint:enable-all
 	display: none;
-	position: absolute; right: 12px; top: 12px;
+	position: absolute;  top: 12px; right: 12px;
 	text-transform: uppercase;
 	cursor: pointer;
 }
+
 .nav-logo {
 	display: block;
 }
 
 .nav-container {
-	overflow: hidden;
 	position: relative;
+	overflow: hidden;
 	background-color: $theme06;
 	line-height: 1.7;
 
 	ul {
-		transition: max-height 0.4s ease-out;
+		transition: max-height .4s ease-out;
 
 		a {
 			display: block;
+			padding-bottom: 12px;
 			color: $color01;
 			text-decoration: none;
-			padding-bottom: 12px;
 
 			&.active {
 				color: $theme04;
-
-				// + ul {
-				// 	max-height: 500px;
-				// 	padding-bottom: 20px;
-				// }
 			}
 
 			&:hover {
 				text-decoration: underline;
-
-				// + ul {
-				// 	max-height: 500px;
-				// 	padding-bottom: 20px;	
-				// }
 			}
 		}
 
@@ -71,8 +68,8 @@
 			padding-left: 20px;
 
 			ul {
-				padding-left: 12px;
 				padding-bottom: 12px;
+				padding-left: 12px;
 			}
 
 		}
@@ -95,10 +92,12 @@
 		height: 100vh;
 		max-height: 100%;
 
-		.nav-wrap.fixed {
-			position: fixed; top: 26px; left: 0;
+		.nav-wrap {
+			&.fixed {
+				position: fixed; top: 26px; left: 0;
+			}
 		}
-		
+
 		.nav-label {
 			display: none;
 		}
@@ -115,13 +114,14 @@
 		width: 100%; height: 72px;
 
 		.nav-wrap >  ul {
-			padding-top: 96px;
 			margin-bottom: $padding-default*3;
+			padding-top: 96px;
 		}
+
 		.nav-logo {
-		    position: absolute; left: 10px; top: 10px; z-index: 2;
-		    margin: 0 auto;
-		    height: 50px; width: auto;
+			position: absolute; z-index: 2; top: 10px; left: 10px;
+			margin: 0 auto;
+			width: auto; height: 50px;
 
 			img {
 				display: block;
@@ -130,28 +130,30 @@
 		}
 
 	}
+
 	.nav-container-active {
-		height: auto;
 		position: relative;
+		height: auto;
 
 		.nav-logo {
-			left: -2px; top: -2px;
+			top: -2px; left: -2px;
 		}
 
 		img {
-			position: absolute; left: 12px; top: 12px;
+			position: absolute; top: 12px; left: 12px;
 		}
 	}
+
 	.nav-label {
 		display: block;
 	}
 }
 
 @media only screen and (max-width: $b2 - 1 ) {
+
 	.nav-container {
 
 		.nav-logo {
-			//top: 14px;
 			height: 40px;
 		}
 	}

scss/layout/icons_layout.scss

@@ -1,22 +1,21 @@
 .docs-icon {
-	position: relative;
 	display: inline-block;
+	position: relative;
 	padding-bottom: 100%;
 	width: 100%; height: 0;
-	font-size: 2.8rem; 
+	font-size: 2.8rem;
 	background: $color03;
 
-	 > * {
-	 	position: absolute; top: 50%; left: 50%;
-    	margin-right: -50%;
-	 	transform: translate(-50%, -50%);
-	 }
-
-	 + .docs-code {
-	 	display: block;
-	 	margin-bottom: $margin-default/2;
-	 	font-size: 12px;
-	 	word-wrap: break-word;
-	 }
-}
+	> * {
+		position: absolute; top: 50%; left: 50%;
+		margin-right: -50%;
+		transform: translate(-50%, -50%);
+	}
 
+	+ .docs-code {
+		display: block;
+		margin-bottom: $margin-default/2;
+		font-size: 12px;
+		word-wrap: break-word;
+	}
+}

scss/variables.scss

@@ -9,7 +9,7 @@
 	Base colors
 	Color 01 and 02 reservered for white and black
 */
-$color03: #eeeeee;
+$color03: #eee;
 $color04: #aaa;
 $color05: #ccc;
 $color06: #797979;
@@ -21,7 +21,7 @@ $theme01: 	#1b94bf;	// Knight blue
 $theme02: 	#093142; 	// Royal blue
 $theme03:	#12637f;	// Falcon blue
 $theme04:	#ffc200;	// Royal yellow
-$theme05:	#ffffff;	// Destroyer white
+$theme05:	#fff;		// Destroyer white
 $theme06: 	#164558;
 
 /*
@@ -99,7 +99,7 @@ $grid-gutter-b3: 12px;
 $grid-gutter-b4: 12px;
 $grid-gutter-b5: 12px;
 $grid-gutter-b6: 12px;
- 
+
 /*
 	Default margin and padding
 */