From 1acbdf6c95e50bb34ac5b098bd2e347fe35d7bd6 Mon Sep 17 00:00:00 2001
From: Stephan <klarsichtweise@gmail.com>
Date: Sun, 24 Mar 2019 09:56:34 +0100
Subject: [PATCH] Rework of the sass card module

---
 source/style/hippie/global/_config.scss       |  1 +
 .../hippie/modules/card/_card_module.scss     | 73 +++++++++----------
 2 files changed, 37 insertions(+), 37 deletions(-)

diff --git a/source/style/hippie/global/_config.scss b/source/style/hippie/global/_config.scss
index 54728ec..bf26ee2 100644
--- a/source/style/hippie/global/_config.scss
+++ b/source/style/hippie/global/_config.scss
@@ -59,6 +59,7 @@ $line_head_basic: $line_text_basic !default;
 $family_text_basic: #{'Roboto', 'Segoe UI', 'Liberation Sans', 'Source Sans', 'Trebuchet MS', Helvetica, Arial, sans-serif, sans} !default;
 $family_text_print: #{'Times New Roman', times} !default;
 $family_text_mono: #{'Courier New', monospace} !default;
+$family_text_card: #{'Trebuchet MS', 'Roboto', 'Segoe UI', 'Liberation Sans', 'Source Sans', 'Trebuchet MS', Helvetica, Arial, sans-serif, sans} !default;
 $family_head_basic: $family_text_basic !default;
 
 
diff --git a/source/style/hippie/modules/card/_card_module.scss b/source/style/hippie/modules/card/_card_module.scss
index 5eb6bb8..0f932d9 100644
--- a/source/style/hippie/modules/card/_card_module.scss
+++ b/source/style/hippie/modules/card/_card_module.scss
@@ -5,29 +5,39 @@
   @extend %h_content_full;
 
   body {
-    .bkg_box {
+
+    .bkgBox {
       @extend %full_parent;
       transition-duration: 800ms;
       overflow: hidden;
       vertical-align: top;
       z-index: -1;
+
+      & > svg {
+        position: relative;
+      }
     }
-    .bkg_box > svg {
-      position: relative;
-    }
-    .flex_wrap_center {
+
+    .cardBox {
       display: flex;
       align-items: center;
       justify-content: center;
-      height: 100%;
-    }
-    .flex_content {
-      position: relative;
-      padding: 64px 64px 24px 64px;
-      border: 1px solid #FFF;
-      background-color: #F5F5F5;
-      z-index: 40;
+      height: 100vh;
+
+      * {
+        font-family: $family_text_card;
+        text-align: center;
+      }
+
+      & > div {
+        position: relative;
+        padding: 64px 64px 24px 64px;
+        border: 1px solid #FFF;
+        background-color: #F5F5F5;
+        z-index: 40;
+      }
     }
+
     h1 {
       margin: 16px 0;
       color: #1E1E1E;
@@ -35,6 +45,7 @@
       line-height: 1.4em;
       font-weight: normal;
     }
+
     p {
       margin-top: 0;
       margin-bottom: 16px;
@@ -42,36 +53,24 @@
       line-height: 1.4em;
     }
 
-    // .full {
-    // 	position: absolute;
-    // 	width: 128px;
-    // 	height: 128px;
-    // 	top: 16px;
-    // 	left: 16px;
-    // 	background-color: #fff;
-    // }
-    // .mark {
-    // 	float: left;
-    // 	width: 32px;
-    // 	height: 32px;
-    // 	margin-top: 16px;
-    // }
-
     .marked {
-      padding-left: 1em;
-      text-indent: -1em;
-      text-align: center;
+      // padding-left: 1em;
+      // text-indent: -1em;
+
+      &::before { content: "*\0000a0" }
     }
-    .marked::before { content: "*\0000a0" }
+
     .decent { color: #666 }
+
     a {
       color: #000;
       text-decoration: none;
-    }
-    a:hover {
-      color: #F4F9FA;
-      background-color: #0C85FF;
-      text-decoration: none;
+
+      &:hover {
+        color: #F4F9FA;
+        background-color: #0C85FF;
+        text-decoration: none;
+      }
     }
   }
 }