From 08fd42d685d4f5af84b0dc0fd63482009e7b75e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?=
 =?UTF-8?q?=E3=83=96?= <netopwibby@thenetwork.email>
Date: Wed, 22 Aug 2018 17:03:02 -0500
Subject: [PATCH] Spacing in Sass docs, for glanceability

---
 sass/init/_extends.scss | 32 +++++++++++++++---------------
 sass/pages/_api.scss    | 36 ++++++++++++++++-----------------
 sass/pages/_tour.scss   | 44 ++++++++++++++++++++---------------------
 3 files changed, 56 insertions(+), 56 deletions(-)

diff --git a/sass/init/_extends.scss b/sass/init/_extends.scss
index 5271110..af6cb4d 100644
--- a/sass/init/_extends.scss
+++ b/sass/init/_extends.scss
@@ -1,24 +1,24 @@
 /**
  * Button
  *
- * @class .__button-base
- * @class .__button-basic
+ * @class     .__button-base
+ * @class     .__button-basic
  *
- * @class .__button-plain
- * @selector {::after}
- * @state {:hover}
+ * @class     .__button-plain
+ * @selector  {::after}
+ * @state     {:hover}
  *
- * @class .__button-black
- * @state {:hover}
+ * @class     .__button-black
+ * @state     {:hover}
  *
- * @class .__button-white
- * @state {:hover}
+ * @class     .__button-white
+ * @state     {:hover}
  *
- * @class .__button-gray
- * @state {:hover}
+ * @class     .__button-gray
+ * @state     {:hover}
  *
- * @class .__button-padding-horizontal
- * @class .__button-padding-vertical
+ * @class     .__button-padding-horizontal
+ * @class     .__button-padding-vertical
  */
 
 .__button-base {
@@ -130,9 +130,9 @@
 /**
  * Loader
  *
- * @class .__loading
- * @selector {::before}
- * @selector {::after}
+ * @class     .__loading
+ * @selector  {::before}
+ * @selector  {::after}
  */
 
 .__loading {
diff --git a/sass/pages/_api.scss b/sass/pages/_api.scss
index d431b64..1769906 100644
--- a/sass/pages/_api.scss
+++ b/sass/pages/_api.scss
@@ -1,8 +1,8 @@
 /**
  * API Wrapper
  *
- * @class .__slate
- * @selector {::after}
+ * @class     .__slate
+ * @selector  {::after}
  */
 
 .__slate {
@@ -19,17 +19,17 @@
 /**
  * API | Table of Contents
  *
- * @class .api__toc
- * @class .api__toc__search
- * @class .api__toc__search__field
+ * @class     .api__toc
+ * @class     .api__toc__search
+ * @class     .api__toc__search__field
  *
- * @class .api__toc__search__clear
- * @state {.active}
+ * @class     .api__toc__search__clear
+ * @state     {.active}
  *
- * @class .api__toc__items
+ * @class     .api__toc__items
  *
- * @class .api__toc__item
- * @state {:hover}
+ * @class     .api__toc__item
+ * @state     {:hover}
  */
 
 .api__toc {
@@ -106,16 +106,16 @@
 /**
  * API | Main Content
  *
- * @class .api__content
- * @class .api__content__body
- * @class .api__content__body__arguments
+ * @class     .api__content
+ * @class     .api__content__body
+ * @class     .api__content__body__arguments
  *
- * @class .api__content__body__argument
- * @selector {::after}
- * @selector {:last-of-type}
- * @selector {:nth-child}
+ * @class     .api__content__body__argument
+ * @selector  {::after}
+ * @selector  {:last-of-type}
+ * @selector  {:nth-child}
  *
- * @class .api__content__example
+ * @class     .api__content__example
  */
 
 .api__content {
diff --git a/sass/pages/_tour.scss b/sass/pages/_tour.scss
index 17ac5d4..c1d2a7a 100644
--- a/sass/pages/_tour.scss
+++ b/sass/pages/_tour.scss
@@ -1,10 +1,10 @@
 /**
  * Tour | Wrapper
  *
- * @class .tour
- * @selector {::before}
- * @selector {::after}
- * @state {.waiting}
+ * @class     .tour
+ * @selector  {::before}
+ * @selector  {::after}
+ * @state     {.waiting}
  */
 
 .tour {
@@ -33,12 +33,12 @@
 /**
  * Tour | Sidebar
  *
- * @class .tour__sidebar
+ * @class     .tour__sidebar
  *
- * @class .tour__sidebar__example
- * @selector {:last-of-type}
- * @state {.active}
- * @state {:hover}
+ * @class     .tour__sidebar__example
+ * @selector  {:last-of-type}
+ * @state     {.active}
+ * @state     {:hover}
  */
 
 .tour__sidebar {
@@ -98,25 +98,25 @@
 /**
  * Tour | Content
  *
- * @class .tour__content
+ * @class     .tour__content
  *
- * @class .tour__content__meme
- * @selector {::after}
+ * @class     .tour__content__meme
+ * @selector  {::after}
  *
- * @class .tour__content__meme__canvas
+ * @class     .tour__content__meme__canvas
  *
- * @class .tour__content__meme__canvas__thumbnail
- * @selector {:last-of-type}
- * @state {.selected}
+ * @class     .tour__content__meme__canvas__thumbnail
+ * @selector  {:last-of-type}
+ * @state     {.selected}
  *
- * @class .tour__content__meme__editor
+ * @class     .tour__content__meme__editor
  *
- * @class .tour__content__trends
- * @selector {::after}
- * @state {:empty}
+ * @class     .tour__content__trends
+ * @selector  {::after}
+ * @state     {:empty}
  *
- * @class .tour__content__trend
- * @class .tour__content__urlbar
+ * @class     .tour__content__trend
+ * @class     .tour__content__urlbar
  */
 
 .tour__content {