formatting

style/scss/music.scss

@@ -1,6 +1,5 @@
-@import "_layout.scss" ;
-
-html, body {
+html,
+body {
   padding: 0;
   margin: 0;
   background-color: #f8f8ff;
@@ -15,7 +14,12 @@ html, body {
     text-align: center;
     border-bottom: 1px solid;
     border-image-slice: 1;
-        border-image-source: linear-gradient(to right, transparent, #444444, transparent);
+    border-image-source: linear-gradient(
+      to right,
+      transparent,
+      #444444,
+      transparent
+    );
 
     ol {
       margin: 0;
@@ -40,7 +44,7 @@ html, body {
         &:after {
           display: inline-block;
           color: #333333;
-                    content: '\2015';
+          content: "\2015";
           font-size: 1em;
           font-weight: bold;
           padding: 0 6px 0;
@@ -85,14 +89,13 @@ html, body {
     }
 
     a {
-            font-family: 'Righteous';
+      font-family: "Righteous";
       font-size: 10vw;
       font-weight: 800;
       text-decoration: none;
       color: transparent;
     }
   }
-
 }
 
 .collection {
@@ -123,7 +126,8 @@ html, body {
           margin: 0 0 1em 0;
         }
 
-                h2, h3  {
+        h2,
+        h3 {
           a {
             text-decoration: none;
             color: #444444;
@@ -134,7 +138,7 @@ html, body {
           display: block;
           width: 100%;
           position: relative;
-                    transition: all .3s ease-in-out;
+          transition: all 0.3s ease-in-out;
           &:before {
             left: 50%;
             background-image: linear-gradient(to right, #444444, transparent);
@@ -143,14 +147,15 @@ html, body {
             right: 50%;
             background-image: linear-gradient(to left, #444444, transparent);
           }
-                    &:before, &:after {
+          &:before,
+          &:after {
             content: "";
             position: absolute;
             bottom: -1px;
             width: 0px;
             height: 1px;
             margin: 5px 0 0;
-                        transition: all .3s ease-in-out;
+            transition: all 0.3s ease-in-out;
             transition-duration: 0.5s;
             opacity: 0;
           }
@@ -160,28 +165,29 @@ html, body {
           text-align: center;
 
           transition-property: transform;
-                    transition: all .3s ease-in-out;
-                    transition-duration: .5s;
+          transition: all 0.3s ease-in-out;
+          transition-duration: 0.5s;
         }
         .artist {
           text-align: center;
-                    font: small-caps 400 .85em sans-serif;
-                    transition: all .3s ease-in-out;
+          font: small-caps 400 0.85em sans-serif;
+          transition: all 0.3s ease-in-out;
           transition-property: transform;
-                    transition-duration: .5s;
+          transition-duration: 0.5s;
           display: block;
         }
       }
 
       &:hover {
         .underline {
-                    &:before, &:after {
+          &:before,
+          &:after {
             width: 50%;
             opacity: 1;
           }
         }
         .album-info .title {
-                    transform: translateY(-.5em);
+          transform: translateY(-0.5em);
           &:after {
             opacity: 1;
             -webkit-transform: scale(1);
@@ -189,7 +195,7 @@ html, body {
           }
         }
         .album-info .artist {
-                    transform: translateY(.5em);
+          transform: translateY(0.5em);
         }
       }
       .cover-art {
@@ -209,4 +215,3 @@ html, body {
     }
   }
 }
-