demo.1

- added possibility to add data into tempaltes via json
- restructured output files
- some work on styles

source/style/elements/_grouping.scss

@@ -186,12 +186,6 @@ div {
 }
 
 
-// Inline
-.box__inline_left {
-	@extend .float_space_left;
-	// padding: $basic_space / 2;
-}
-
 
 // Columns
 .block__column_line {

source/style/elements/_textlevel.scss

@@ -164,3 +164,41 @@ ins {
 del {
 
 }
+
+
+
+// General Classes
+// ------------------------------------------------------------------------------
+.txt-tiny {
+	font-size: .5em !important;
+}
+
+.txt-smaller {
+	font-size: .75em !important;
+}
+
+.txt-larger {
+	font-size: 1.2em !important;
+}
+
+.txt-huge {
+	font-size: 3em !important;
+}
+
+.txt_center {
+	text-align: center !important;
+}
+.txt_right {
+	text-align: right !important;
+}
+.txt_left {
+	text-align: left !important;
+}
+
+.txt_white {
+	color: white;
+}
+
+.txt_black {
+	color: black;
+}

source/style/elements/_typography.scss

@@ -4,19 +4,19 @@
 %basic {
 	font-family: $primary_font_family;
 	font-size: $text_size_1;
-	line-height: $text_line_1;
+	line-height: $text_line_basic;
 }
 
 %basic_mono {
-	font-family: $third_font_family;
+	font-family: $monospace_font_family;
 	font-size: $text_size_1;
-	line-height: $text_line_1;
+	line-height: $text_line_mono;
 }
 
 %basic_print {
-	font-family: $third_font_family;
+	font-family: $print_font_family;
 	font-size: $text_size_1;
-	line-height: $text_line_1;
+	line-height: $text_line_basic;
 }
 
 %head_all {
@@ -27,7 +27,7 @@
 	font-family: $secondary_font_family;
 	font-size: $head_size_1;
 	font-weight: 300;
-	line-height: $head_line_1;
+	line-height: $head_line_basic;
 }
 
 %head_2 {
@@ -53,7 +53,6 @@
 
 %solo {
 	@extend %basic;
-	color: $basic_font_color;
 }
 
 %short {

source/style/global/_common.scss

@@ -57,16 +57,6 @@
 	height: 100vh;
 }
 
-.txt_center {
-	text-align: center !important;
-}
-.txt_right {
-	text-align: right !important;
-}
-.txt_left {
-	text-align: left !important;
-}
-
 .space_right {
 	margin-right: $space_3;
 }
@@ -108,8 +98,16 @@
 	overflow: auto;
 }
 
-.float_space_left {
+.float_left {
 	float: left;
+}
+
+.float_right {
+	float: right;
+}
+
+.float_space_left {
+	@extend .float_left;
 	margin-right: $space_3;
 }
 
@@ -123,6 +121,15 @@
 }
 
 
+// Inlining
+// ------------------------------------------------------------------------------
+
+.inline {
+	display: inline-block;
+}
+
+
+
 // Positioned elements
 // ------------------------------------------------------------------------------
 %full_viewport {

source/style/global/_config.scss

@@ -52,11 +52,12 @@ $head_size_4: 1.35em !default;
 $text_size_1: 1em;
 $text_size_2: 20;
 
-$text_line_1: 1.5 !default;
-$head_line_1: $text_line_1;
-$head_line_2: $text_line_1;
-$head_line_3: $text_line_1;
-$head_line_4: $text_line_1;
+$text_line_basic: 1.3 !default;
+$text_line_mono: 1.1 !default;
+$head_line_basic: $text_line_basic !default;
+$head_line_2: $head_line_basic;
+$head_line_3: $head_line_basic;
+$head_line_4: $head_line_basic;
 
 $print_font_family: #{'Times New Roman', times} !default;
 $monospace_font_family: #{'Courier New', monospace} !default;