Spacing in Sass docs, for glanceability

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 {

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 {

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 {