feature: Adds more style to the site

Author: Fabian Morón Zirfas

_source/_sass/_changelog.scss

@@ -0,0 +1,12 @@
+pre.changelog{
+  font-family: 'Times New Roman', Times, serif;
+  background-color: #fff !important;
+  overflow-wrap: break-word;
+  white-space: pre-wrap;       /* css-3 */
+  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+  white-space: -pre-wrap;      /* Opera 4-6 */
+  white-space: -o-pre-wrap;    /* Opera 7 */
+  word-wrap: break-word;       /* Internet Explorer 5.5+ */
+  line-height: 1.5em;
+
+}

_source/_sass/_reference.scss

@@ -12,11 +12,11 @@ $solidline: 1px solid $guidecolor;
 }
 
 .reference-category {
-    font-size: 1.3em !important;
+    // font-size: 1.3em !important;
 }
 
 .reference-subcategory {
-    font-size: 1.1em !important;
+    // font-size: 1.1em !important;
     margin-left: 0.6em;
 }
 
@@ -25,7 +25,7 @@ $solidline: 1px solid $guidecolor;
 }
 
 h1#new-cat-index {
-    padding-top: 0.37em;
+    // padding-top: 0.37em;
 }
 
 .sub-category {
@@ -95,13 +95,13 @@ h1#new-cat-index {
     // min-height: 4.5em;
     // height: 4.5em;
     margin-top: 0.2em;
-    font-size: 1.1em;
+    // font-size: 1.1em;
     margin-bottom: 0;
-    line-height: 1.25em;
+    // line-height: 1.25em;
     code {
         padding: 0;
         vertical-align: bottom;
-        font-size: 0.9em;
+        // font-size: 0.9em;
     }
 }
 

_source/_sass/_typescale.scss

@@ -1,28 +1,32 @@
-
-html {font-size: 1em;}
+html {font-size: 17px;}
 
 body {
+  background-color: white;
+  font-weight: 400;
   line-height: 1.45;
   color: #333;
 }
 
-p {margin-bottom: 1.3em;}
+p {margin-bottom: 1.25em;}
 
-h1, h2, h3, h4 {
-  margin: 1.414em 0 0.5em;
-  font-weight: inherit;
-  line-height: 1.2;
+h1, h2, h3, h4, h5 {
+  margin: 2.75rem 0 1rem;
+  font-weight: 700;
+  line-height: 1.15;
 }
 
 h1 {
   margin-top: 0;
-  font-size: 3.157em;
+  font-size: 1.802em;
 }
 
-h2 {font-size: 2.369em;}
+h2 {font-size: 1.602em;}
+
+h3 {font-size: 1.424em;}
+
+h4 {font-size: 1.266em;}
 
-h3 {font-size: 1.777em;}
+h5 {font-size: 1.125em;}
 
-h4 {font-size: 1.333em;}
 
-small, .font_small {font-size: 0.75em;}
+small, .text_small {font-size: 0.8em;}

_source/assets/css/styles.scss

@@ -23,7 +23,7 @@ $guideTwoColor: #FF4EFF;
 $phone: 750px;
 
 body {
-  font-size: 14px;
+  // font-size: 14px;
   margin: 0 auto;
 
   // font-size: 1.1em
@@ -32,6 +32,7 @@ body {
   background-image: url("/assets/images/stripe_c40ccfac0db9e43c48e95a530d787366.png");
 }
 
+
 .wrapper {
   position: relative;
   -webkit-box-sizing: border-box;
@@ -69,7 +70,7 @@ body {
 
     .main-menu {
       li {
-        margin-bottom: 10px;
+        margin-bottom: 0.75em;
         height: 40px;
 
         &.active {
@@ -112,6 +113,7 @@ body {
   }
 
   .main {
+    padding-top: 25px;
     width: 75%;
     float: left;
 
@@ -139,11 +141,22 @@ body {
       margin: 0 auto 50px;
     }
 
+    #gallery-overview{
+      display: flex;
+      flex-wrap: wrap;
+      align-content: flex-start;
+    }
+    .gallery-overview-item{
+      max-width: 350px;
+      margin-right: 1em;
+      // flex-basis: 100px;
+      flex-shrink: 0;
 
-    h1 {
-      // &:first-child
-      //     display: none
-
+    }
+    @include media($phone) {
+      .gallery-overview-item{
+        max-width: 100%;
+      }
     }
 
     h3 {
@@ -183,6 +196,7 @@ p {
 }
 
 .fhnw-logo {
+  padding-left: 25px;
   a {
     img {
       width: 125px;
@@ -473,13 +487,24 @@ $right-lines: 3;
 // Edits fabianmoronzirfas twitterlink
 // @Son Please merge this so we don't have
 // double definitions
-.tweet {}
+.tweet {
+  .message, .tweettime{
+    font-size: 14px;
+    padding-left: 25px;
+
+  }
+  .message, .tweettime, .twitter-link{
+    margin-bottom: 0.75em;
+  }
+
+}
 
 a.textgrow {
   padding-left: 25px;
   border: none;
   height: auto;
   display: inline-block;
+  font-weight: 700;
 
   span {
     position: relative;
@@ -489,7 +514,20 @@ a.textgrow {
   }
 }
 
-@import "reference";
+.textshrink {
+  text-decoration: none;
+  border: none;
+  height: auto;
+  display: inline-block;
+  font-weight: 700;
+  span{
+    // position: relative;
+    // padding: 0px 4px;
+    border-bottom: 1px solid $textColor;
+  }
+}
+
+@import "reference", "changelog";
 
 // ------------------------
 // old basil css. Overwrite new settings