Format scss

Signed-off-by: Sora Morimoto <sora@morimoto.io>

Author: smorimoto

_sass/_featurelist.scss

@@ -166,16 +166,16 @@
         width: 1.2rem;
         height: 1.2em;
         margin-left: 0.5rem;
-        content: '';
-        background: url('../img/menu-down.svg') no-repeat 20%;
+        content: "";
+        background: url("../img/menu-down.svg") no-repeat 20%;
         background-size: 1.2rem;
         transition: transform 600ms ease;
 
         .open & {
           transform: rotateX(180deg);
         }
 
-        [dir='rtl'] & {
+        [dir="rtl"] & {
           float: left;
           margin-right: 0.5rem;
           margin-left: 0;

_sass/_grid.scss

@@ -1,9 +1,9 @@
-@use 'sass:math';
+@use "sass:math";
 
 .intro {
   margin: 0 math.div($grid-gutter, -2) (2 * $grid-gutter);
 
-  [class*='g-col-'] {
+  [class*="g-col-"] {
     padding: 0 math.div($grid-gutter, 2);
   }
 }

_sass/_layout.scss

@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 *,
 *::before,
@@ -13,7 +13,7 @@ html {
 body {
   padding: 0;
   margin: 0;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   font-size: 16px;
   font-weight: $font-weight-regular;
   line-height: 1.5;

_sass/_page-footer.scss

@@ -1,4 +1,4 @@
-@use 'sass:color';
+@use "sass:color";
 
 .synopsis {
   width: 100%;
@@ -93,7 +93,7 @@
 
 .page-footer .pipe-nav li + li::before {
   padding: 0 0.5em;
-  content: '| ';
+  content: "| ";
 }
 
 .page-footer .grid-container {

_sass/_page-header.scss

@@ -10,7 +10,7 @@
     .page-menu {
       margin-left: $spacing;
 
-      [dir='rtl'] & {
+      [dir="rtl"] & {
         margin-right: $spacing;
         margin-left: 0;
       }
@@ -24,7 +24,7 @@
       margin-left: $spacing;
       font-size: 1.1em;
 
-      [dir='rtl'] & {
+      [dir="rtl"] & {
         margin-right: $spacing;
         margin-left: 0;
       }

_sass/_page-menu.scss

@@ -2,7 +2,7 @@ $svg-height: 24;
 $trans-timing: 600ms;
 
 @mixin svg-menu-icon($color: currentColor, $height: $svg-height) {
-  background: url('../img/menu.svg') no-repeat 50%;
+  background: url("../img/menu.svg") no-repeat 50%;
 }
 
 @mixin rotate-submenu-toggle() {
@@ -68,8 +68,8 @@ $trans-timing: 600ms;
         display: block;
         width: 1.5rem;
         height: 1.5rem;
-        content: '';
-        background: url('../img/menu-down.svg') no-repeat 50%;
+        content: "";
+        background: url("../img/menu-down.svg") no-repeat 50%;
         background-size: 1.5rem;
         transition: transform $trans-timing ease;
       }
@@ -101,7 +101,7 @@ $trans-timing: 600ms;
     border-bottom: 1px solid $color-spacer;
     transition: max-height $trans-timing ease;
 
-    [dir='rtl'] & {
+    [dir="rtl"] & {
       padding: ($svg-height + $mobile-mt) 0 10px 20px;
     }
 
@@ -131,7 +131,7 @@ $trans-timing: 600ms;
         display: block;
         width: 1.5rem;
         height: 1.5rem;
-        content: '';
+        content: "";
         background-size: 1.5rem;
       }
     }

_sass/_popup.scss

@@ -4,15 +4,15 @@
   left: 0;
   width: 100%;
 
-  input[type='checkbox'] + label {
+  input[type="checkbox"] + label {
     position: absolute;
     transition:
       opacity 0.3s ease-in-out,
       transform 0.6s ease-in-out;
     will-change: opacity, transform;
   }
 
-  input[type='checkbox']:checked + label {
+  input[type="checkbox"]:checked + label {
     opacity: 0;
     transform: translateY(100%);
   }

_sass/style.scss

@@ -1,11 +1,11 @@
-@import 'variables';
-@import 'a11y';
-@import 'content';
-@import 'featurelist';
-@import 'grid';
-@import 'layout';
-@import 'logo-box';
-@import 'page-header';
-@import 'page-footer';
-@import 'page-menu';
-@import 'utils';
+@import "variables";
+@import "a11y";
+@import "content";
+@import "featurelist";
+@import "grid";
+@import "layout";
+@import "logo-box";
+@import "page-header";
+@import "page-footer";
+@import "page-menu";
+@import "utils";