demo.3

* moved templates to demo structure
* new sass version
* restructure of some styles for demo

source/style/demo.scss

@@ -13,4 +13,4 @@
 @import "modules/demo/demo_module";
 // @import "modules/YOUR-MODULE/YOUR-FILES";
 // New
-@import "new";
+@import "demo_new";

source/style/demo_basic.scss

@@ -13,4 +13,4 @@
 @import "modules/demo/demo_module";
 // @import "modules/YOUR-MODULE/YOUR-FILES";
 // New
-@import "new";
+@import "demo_new";

source/style/hippie/elements/_textlevel.scss

@@ -185,6 +185,10 @@ del {
 	font-size: 3em !important;
 }
 
+.txt_hero {
+	font-size: $hero_size_1;
+}
+
 .txt_center {
 	text-align: center !important;
 }
@@ -202,3 +206,10 @@ del {
 .txt_black {
 	color: black;
 }
+
+.txt_gradient {
+	background: linear-gradient(165deg, $alpha_color 30%, $bravo_color 45%, $charlie_color 50%, $delta_color, $echo_color 80%, $foxtrot_color);
+	background-clip: text;
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+}

source/style/hippie/global/_config.scss

@@ -52,6 +52,8 @@ $head_size_4: 1.35em !default;
 $text_size_1: 1em;
 $text_size_2: 20;
 
+$hero_size_1: $head_size_1 * 3;
+
 $text_line_basic: 1.3 !default;
 $text_line_mono: 1.1 !default;
 $head_line_basic: $text_line_basic !default;