code optimization

_sass/typography.scss

@@ -4,67 +4,71 @@
 //
 
 @font-face {
-	font-family: 'Bebas Neue';
+  font-family: "Bebas Neue";
-	src: url('../font/BebasNeue-Regular.woff') format('woff'), /* Pretty Modern Browsers */
+  src: url("../font/BebasNeue-Regular.woff") format("woff"); /* Pretty Modern Browsers */
-  }
+}
 
-  body {
+body {
-	  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
+  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   letter-spacing: 0.01em;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  }
+}
 
-  /*- Typography for medium and small screen, based on 16px font-size -*/
+/*- Typography for medium and small screen, based on 16px font-size -*/
 
-  p, ul, ol {
+p,
+ul,
+ol {
   font-size: 18px;
   line-height: 1.7em; /* 24px/16px */
   margin-bottom: 1.5em; /* 24px/16px */
-  }
+}
 
-  h1 {
+h1 {
   font-size: 2.25em; /* 36px/16px */
   line-height: 1.3333em; /* 48px/36px */
   padding: 0.33335em 0; /* 12px/36px * 2 (Use padding instead of margin to maintain proximity with paragraph) */
-	  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
+  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
-  }
+}
 
-  h2 {
+h2 {
   font-size: 1.5em; /* 24px/16px */
   line-height: 1.5em; /* 24px/24px */
   padding: 1em 0 0 0; /* 12px/24px * 2, only top (Use padding instead of margin to maintain proximity with paragwithph) */
-	  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
+  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   @media (max-width: 480px) {
     font-size: 1.6rem;
   }
-  }
+}
 
-  h3 {
+h3 {
   font-size: 1.3em; /* 18px/16px */
   line-height: 1.7em; /* 24px/18px */
   padding: 0.66667em 0; /* 12px/18px * 2 (Use padding instead of margin to maintain proximity with paragraph) */
-	  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
+  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
-  }
+}
 
-  .hted-head th {
+.hted-head th {
   font-size: 1.1em;
-  }
+}
 
-  h4, h5, h6 {
+h4,
+h5,
+h6 {
   font-size: 1.125em; /* 18px/16px */
   line-height: 1.7em; /* 24px/18px */
   padding: 0.66667em 0; /* 12px/18px * 2 (Use padding instead of margin to maintain proximity with paragraph) */
-	  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
+  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
-  }
+}
 
-  h5 {
+h5 {
   padding-bottom: 0.3em;
   font-size: 1.3em;
   margin-bottom: 0.5em;
-  }
+}
 
-  blockquote {
+blockquote {
   font-style: italic;
   margin: 1.5em; /* 24px/18px */
   -webkit-border-radius: 4px;
@@ -73,34 +77,42 @@
   border-radius: 4px;
   background-color: darken($background-color, 5%);
   padding: 0 1.5em; /* 24px/18px */
-	  p, ul, ol {
+  p,
+  ul,
+  ol {
     padding: 1.5em 0; /* 24px/18px */
   }
-  }
+}
 
-  @media (min-width: 520px) { //Breakpoint set to 940px
+@media (min-width: 520px) {
+  //Breakpoint set to 940px
 
-  p, ul, ol {
+  p,
+  ul,
+  ol {
     font-size: 20px;
     line-height: 1.7em; /* 24px/16px */
     margin-bottom: 1.5em; /* 24px/16px */
   }
 
-  h3, h5 {
+  h3,
+  h5 {
     font-size: 1.5em;
   }
 
   .hted-head th {
     font-size: 1.2em;
   }
+}
 
-  }
+/*- Typography for big screen, based on 18px font-size -*/
 
-  /*- Typography for big screen, based on 18px font-size -*/
+@media (min-width: 940px) {
+  //Breakpoint set to 940px
 
-  @media (min-width: 940px) { //Breakpoint set to 940px
+  p,
-  
+  ul,
-  p, ul, ol {
+  ol {
     font-size: 1em; /* 18px */
     line-height: 1.7em; /* 24px/18px */
     margin-bottom: 1.3334em; /* 24px/18px */
@@ -118,7 +130,10 @@
     padding: 0.66667em 0 0 0; /* 12px/36px * 2, pnly top (Use padding instead of margin to maintain proximity with paragraph) */
   }
 
-  h3, h4, h5, h6 {
+  h3,
+  h4,
+  h5,
+  h6 {
     font-size: 1.7em; /* 24px/18px */
     line-height: 1.7em; /* 24px/24px */
     padding: 0.5em 0; /* 12px/24px * 2 (Use padding instead of margin to maintain proximity with paragraph) */
@@ -138,10 +153,10 @@
     border-radius: 4px;
     background-color: darken($background-color, 5%);
     padding: 0 1.33334em; /* 24px/18px */
-	  p, ul, ol {
+    p,
+    ul,
+    ol {
       padding: 1.33334em 0; /* 24px/18px */
     }
   }
-  
+}
-  }
-