chore: prettier code

src/themes/basic/_coverpage.css

@@ -12,7 +12,7 @@ section.cover {
 
   &.has-mask .mask {
     background-color: $color-bg;
-    opacity: .8;
+    opacity: 0.8;
     position: absolute;
     size: 100%;
   }
@@ -42,7 +42,7 @@ section.cover {
     color: inherit;
     font-size: 2.5rem;
     font-weight: 300;
-    margin: .625rem 0 2.5rem;
+    margin: 0.625rem 0 2.5rem;
     position: relative;
     text-align: center;
 
@@ -92,7 +92,7 @@ section.cover {
 
       &:hover {
         color: inherit;
-        opacity: .8;
+        opacity: 0.8;
       }
     }
 
@@ -103,7 +103,7 @@ section.cover {
 
   blockquote > p > a {
     border-bottom: 2px solid var(--theme-color, $color-primary);
-    transition: color .3s;
+    transition: color 0.3s;
 
     &:hover {
       color: var(--theme-color, $color-primary);

src/themes/basic/_layout.css

@@ -10,7 +10,9 @@
 body:not(.ready) {
   overflow: hidden;
 
-  [data-cloak], .app-nav, > nav {
+  [data-cloak],
+  .app-nav,
+  > nav {
     display: none;
   }
 }
@@ -22,7 +24,7 @@ div#app {
   text-align: center;
 
   &:empty::before {
-    content: "Loading...";
+    content: 'Loading...';
   }
 }
 
@@ -52,7 +54,8 @@ div#app {
   font-style: normal;
 }
 
-html, body {
+html,
+body {
   height: 100%;
 }
 
@@ -77,7 +80,7 @@ kbd {
   display: inline-block;
   font-size: 12px !important;
   line-height: 12px;
-  margin-bottom : 3px;
+  margin-bottom: 3px;
   padding: 3px 5px;
   vertical-align: middle;
 }
@@ -99,12 +102,13 @@ kbd {
     margin: 0;
   }
 
-  >a {
+  > a {
     margin: 0 1rem;
     padding: 5px 0;
   }
 
-  ul, li {
+  ul,
+  li {
     display: inline-block;
     list-style: none;
     margin: 0;
@@ -114,7 +118,7 @@ kbd {
     color: inherit;
     font-size: 16px;
     text-decoration: none;
-    transition: color .3s;
+    transition: color 0.3s;
 
     &:hover {
       color: var(--theme-color, $color-primary);
@@ -186,7 +190,7 @@ kbd {
   z-index: 1;
 
   &:hover .octo-arm {
-    animation:octocat-wave 560ms ease-in-out;
+    animation: octocat-wave 560ms ease-in-out;
   }
 
   svg {
@@ -207,7 +211,7 @@ main {
 .anchor {
   display: inline-block;
   text-decoration: none;
-  transition: all .3s;
+  transition: all 0.3s;
 
   span {
     color: $color-text;
@@ -220,7 +224,7 @@ main {
 
 /* sidebar */
 .sidebar {
-  border-right: 1px solid rgba(0, 0, 0, .07);
+  border-right: 1px solid rgba(0, 0, 0, 0.07);
   overflow-y: auto;
   padding: 40px 0;
   position: absolute 0 * 0 0;
@@ -254,12 +258,13 @@ main {
     padding: 0;
   }
 
-  li>p {
+  li > p {
     font-weight: 700;
     margin: 0;
   }
 
-  ul, ul li {
+  ul,
+  ul li {
     list-style: none;
   }
 
@@ -293,20 +298,20 @@ main {
 /* sidebar toggle */
 .sidebar-toggle {
   background-color: transparent;
-  background-color: rgba($color-bg, .8);
+  background-color: rgba($color-bg, 0.8);
   border: 0;
   outline: none;
   outline: none;
   padding: 10px;
   position: absolute * * 0 0;
   text-align: center;
-  transition: opacity .3s;
+  transition: opacity 0.3s;
   width: 30px;
   width: calc($sidebar-width - 16px);
   z-index: 30;
 
   .sidebar-toggle-button:hover {
-    opacity: .4;
+    opacity: 0.4;
   }
 
   span {
@@ -318,7 +323,8 @@ main {
 }
 
 body.sticky {
-  .sidebar, .sidebar-toggle {
+  .sidebar,
+  .sidebar-toggle {
     position: fixed;
   }
 }
@@ -342,8 +348,8 @@ body.sticky {
     font-size: inherit;
   }
 
-  >:first-child {
-    margin-top: 0!important;
+  > :first-child {
+    margin-top: 0 !important;
   }
 }
 
@@ -393,7 +399,7 @@ body.sticky {
     background-color: #f66;
     border-radius: 100%;
     color: $color-bg;
-    content: "!";
+    content: '!';
     font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
     font-size: 14px;
     font-weight: bold;
@@ -435,7 +441,9 @@ body.close {
 }
 
 @media print {
-  .github-corner, .sidebar-toggle, .sidebar {
+  .github-corner,
+  .sidebar-toggle,
+  .sidebar {
     display: none;
   }
 
@@ -445,7 +453,9 @@ body.close {
 }
 
 @media screen and (max-width: 768px) {
-  .github-corner, .sidebar-toggle, .sidebar {
+  .github-corner,
+  .sidebar-toggle,
+  .sidebar {
     position: fixed;
   }
 
@@ -475,7 +485,8 @@ body.close {
     transition: transform 250ms ease;
   }
 
-  .app-nav, .github-corner {
+  .app-nav,
+  .github-corner {
     transition: transform 250ms ease-out;
   }
 
@@ -490,7 +501,7 @@ body.close {
     }
 
     .sidebar-toggle {
-      background-color: rgba($color-bg, .8);
+      background-color: rgba($color-bg, 0.8);
       transition: 1s background-color;
       width: calc($sidebar-width - 16px);
     }
@@ -499,7 +510,8 @@ body.close {
       transform: translateX($sidebar-width);
     }
 
-    .app-nav, .github-corner {
+    .app-nav,
+    .github-corner {
       display: none;
     }
   }
@@ -515,7 +527,16 @@ body.close {
 }
 
 @keyframes octocat-wave {
-  0%,100% { transform: rotate(0); }
-  20%,60% { transform: rotate(-25deg); }
-  40%,80% { transform: rotate(10deg); }
+  0%,
+  100% {
+    transform: rotate(0);
+  }
+  20%,
+  60% {
+    transform: rotate(-25deg);
+  }
+  40%,
+  80% {
+    transform: rotate(10deg);
+  }
 }