general work

- renamed nunjucks extension to njk
- removed old demo html files
- started to change CRLF to LF
- detail work on style definitions
- added structure for demo files

source/style/elements/_grouping.scss

@@ -90,8 +90,8 @@ li, dt, dd {
 	@extend %basic;
 }
 
-li, dd {
-	// margin-bottom: $basic_space;
+.list__basic li, dd {
+	margin-bottom: $basic_space;
 }
 
 dd {

source/style/elements/_interactive.scss

@@ -32,11 +32,16 @@ input, button, textarea {
 label {
 	@extend %basic;
 
-	input {
+	input, textarea {
 		margin-left: $basic_space;
 	}
 }
 
+label + textarea {
+	@extend %solo;
+	display: block;
+}
+
 input {
 	color: $basic_io_font_color;
 
@@ -46,10 +51,9 @@ input {
 	}
 }
 
-@each $input in $basic_input_list, textarea {
+@each $input in $basic_input_list, textarea, select {
 	#{$input} {
 		@extend %basic_mono;
-		border: $basic_io_border;
 		padding: $half_space;
 		background-color: $basic_io_back_color;
 
@@ -70,8 +74,13 @@ input {
 	}
 }
 
-@each $input in $basic_input_list {
+@each $input in $basic_input_list, textarea {
+	#{$input} {
+		border: $basic_io_border;
+	}
+}
 
+@each $input in $basic_input_list {
 	#{$input} {
 		line-height: 1;
 	}
@@ -84,10 +93,16 @@ input {
 }
 
 label + input,
-.input__label_right {
+.input__label_right,
+.label > input,
+.label > select {
 	margin: 0 $basic_space;
 }
 
+.label {
+	line-height: 2.5;
+}
+
 .label__table {
 	display: table;
 
@@ -133,7 +148,7 @@ button {
 }
 
 select {
-
+	border: none;
 }
 
 datalist {

source/style/elements/_sections.scss

@@ -67,11 +67,11 @@ section {
 
 aside {
 
-	&.right + section {
+	&.right + .bside {
 		margin-right: calc(#{$basic_aside_width} + #{$basic_space});
 	}
 
-	&.left + section {
+	&.left + .bside {
 		margin-left: calc(#{$basic_aside_width} + #{$basic_space});
 	}
 }