beautified

client/assets/js/bubble.js

@@ -1,4 +1,4 @@
-var width, height, largeHeader, canvas, ctx, circles, target, animateHeader = true;
+let width, height, largeHeader, canvas, ctx, circles, target, animateHeader = true;
 
 // Main
 export function bubble() {

client/assets/scss/Content.scss

@@ -1,20 +1,19 @@
 .Content {
-  flex: 1;
-  flex-wrap: wrap;
-  min-width: 0;
-    .post + .post {
+    flex: 1;
+    flex-wrap: wrap;
+    min-width: 0;
+    .post+ .post {
         margin-top: 2em;
     }
     .date {
         display: block;
         margin: 0;
         opacity: 0.7;
-
-        @media (min-width: 1200px){
-          position: absolute;
-          width: 7em;
-          text-align: right;
-          margin-left: -8em;
+        @media (min-width: 1200px) {
+            position: absolute;
+            width: 7em;
+            text-align: right;
+            margin-left: -8em;
         }
     }
     .intro {
@@ -29,7 +28,7 @@
     pre {
         white-space: pre-wrap;
     }
-    .btn{
+    .btn {
         width: 100%;
     }
 }

client/assets/scss/Sidebar.scss

@@ -33,7 +33,7 @@ $transitionDuration: 0.4s;
             &:before {
                 content: " ";
                 display: block;
-                background: rgba(0,0,0,0.4);
+                background: rgba(0, 0, 0, 0.4);
                 position: absolute;
                 height: 100%;
                 width: 100vw;

client/assets/scss/main.scss

@@ -1,14 +1,13 @@
 @import './utils.scss';
-
 $linkColor: #3598db;
 $backgroundColor: #FFFFFF;
-
 html {
     font-family: 'Roboto Slab', serif;
     max-width: 100%;
     overflow-x: hidden;
     overflow-y: scroll;
 }
+
 body {
     background-color: $backgroundColor;
     max-width: 100%;
@@ -17,6 +16,7 @@ body {
     -webkit-font-smoothing: subpixel-antialiased;
     font-weight: 300;
 }
+
 h1,
 h2,
 h3,
@@ -27,9 +27,11 @@ h6 {
     font-weight: 400;
     line-height: 1em;
 }
+
 p {
     font-weight: 300;
 }
+
 *,
 *:after,
 *:before {
@@ -37,6 +39,7 @@ p {
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
+
 a {
     background-color: transparent;
     color: $linkColor;
@@ -45,11 +48,13 @@ a {
         color: $linkColor;
     }
 }
+
 hr {
     margin: 1em;
     border: 0;
     border-top: 1px solid #eee;
 }
+
 .Footer,
 .Main {
     display: flex;
@@ -61,9 +66,11 @@ hr {
         width: 1em;
     }
 }
+
 .Main {
     padding-top: 1em;
 }
+
 .Header {
     width: 100%;
     background: url("../images/header.jpg");
@@ -76,19 +83,20 @@ hr {
         text-align: center;
     }
 }
-.Loading{
+
+.Loading {
     display: flex;
     flex: 1;
     justify-content: center;
 }
-.btn{
+
+.btn {
     background-color: $backgroundColor;
     border: 1px solid #DADADA;
     border-radius: .2em;
     cursor: pointer;
     padding: .5em;
-    
-    &:hover{
+    &:hover {
         background-color: #F3F3F3;
     }
 }