format

css/index.scss

@@ -1,67 +1,63 @@
 ---
 ---
 
-@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700);
-
+@import url(https://fonts.googleapis.com/css?family=PT+Serif:400, 700);
 $break-small: 500px;
 $break-large: 840px;
-
 body {
   width: 800px;
   margin: 0 auto;
   padding: 0 20px;
-  font-family: 'PT Serif', "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
+  font-family: 'PT Serif', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   font-feature-settings: 'kern', 'palt', 'pwid';
   -webkit-font-feature-settings: 'kern', 'palt', 'pwid';
   -moz-font-feature-settings: 'kern', 'palt', 'pwid';
   -moz-font-feature-settings: 'kern=1', 'palt', 'pwid';
-
   @media screen and (max-width: $break-large) {
     width: auto;
     margin: 0;
   }
 }
-
 // MathJax
 #MathJax_Message {
   display: none;
-}
-
-// Highlight.js
+} // Highlight.js
 .hljs {
   border: 1px solid #d7d7d7;
   border-radius: 3px;
   background-color: #fff;
-  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
   font-size: 14px;
   padding: 12px 16px;
   line-height: 1.8em;
 }
-
 code {
   padding: 0 12px;
 }
-
 p code {
   padding: 3px 10px;
   background: #f6f6f6;
   border-radius: 3px;
   font-size: 16px;
 }
-
-a:hover, a:active, a:link, a:visited {
+a:hover,
+a:active,
+a:link,
+a:visited {
   color: black;
   text-decoration: none;
 }
-
-h1, h2, h3, h4, p {
+h1,
+h2,
+h3,
+h4,
+p {
   margin: 0;
   padding: 0;
   line-height: 1.333em;
 }
-
 hr {
   display: block;
   width: 100%;
@@ -70,7 +66,6 @@ hr {
   border: 0;
   margin: 40px 0;
 }
-
 .header {
   display: flex;
   flex-wrap: wrap;
@@ -78,42 +73,34 @@ hr {
   align-items: center;
   padding: 5px 0;
   border-bottom: 1px solid #efefef;
-
   @media screen and (max-width: $break-small) {
     justify-content: center;
   }
-
   .logo {
     font-size: 24px;
     font-weight: bold;
     margin: 10px 0 10px;
   }
-
   .menu {
     list-style: none;
     padding: 8px 0;
     display: flex;
     flex-flow: row wrap;
-
     .menu__item:not(:last-child) {
       margin-right: 20px;
     }
-
     @media screen and (max-width: $break-small) {
       padding: 0;
       margin: 10px 0;
     }
   }
 }
-
 .metro {
   text-align: center;
   padding: 80px 0 40px;
-
   .logo {
     font-size: 60px;
   }
-
   .menu {
     list-style: none;
     padding: 8px 0;
@@ -122,19 +109,15 @@ hr {
     justify-content: center;
     margin-top: 20px;
     font-size: 20px;
-    
     .menu__item:not(:last-child) {
       margin-right: 20px;
     }
   }
-
   @media screen and (max-width: $break-small) {
     padding: 50px 0 40px;
-
     .menu {
       font-size: 15px;
     }
   }
 }
-
-@import 'post'
+@import 'post';