Added stylelint, generate some metadata automatically

3 files changed, 62 insertions, 59 deletions

diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss
index a3f7004..60b3584 100644
--- a/assets/css/components/_nav.scss
+++ b/assets/css/components/_nav.scss
@@ -1,51 +1,54 @@
 .c-nav {
-  background-color: var(--nav--bg);
-  font-size: $nav--font-size;
-
-  &__items {
-    display: flex;
-    align-items: baseline;
-  }
-
-  &__logo {
-    display: inline-block;
-    margin: 0;
-    padding: $nav--item--pad-v 0;
-    color: var(--nav--logo--fg);
-    text-decoration: none;
-
-    &:link,
-    &:visited {
-      &:hover {
-        background-color: transparent;
-        color: var(--nav--item--hover--fg);
-        font-weight: bold;
-      }
+    position: sticky;
+    z-index: 1000;
+    top: 0;
+    background-color: var(--nav--bg);
+    font-size: $nav--font-size;
+
+    &__items {
+        display: flex;
+        align-items: baseline;
     }
-  }
-
-  &__item {
-    display: inline-block;
-    padding: $nav--item--pad-v $nav--item--pad-h calc(#{$nav--item--pad-v} - 2px);
-    margin: 0 (-1 * $nav--item--pad-h) 0 ($nav--item--spacing - $nav--item--pad-h);
-    color: var(--nav--item--idle--fg);
-    text-decoration: none;
-    border-bottom: 2px solid transparent;
-
-    &:hover {
-      background-color: transparent;
-      color: var(--nav--item--hover--fg);
-      font-weight: bold;
+
+    &__logo {
+        display: inline-block;
+        margin: 0;
+        padding: $nav--item--pad-v 0;
+        color: var(--nav--logo--fg);
+        text-decoration: none;
+
+        &:link,
+        &:visited {
+            &:hover {
+                background-color: transparent;
+                color: var(--nav--item--hover--fg);
+                font-weight: bold;
+            }
+        }
     }
-  }
 
-  @media (max-width: map-get($breakpoints, "sm")) {
     &__item {
-      margin-left: $nav--item--spacing-sm - $nav--item--pad-h;
+        display: inline-block;
+        margin: 0 (-1 * $nav--item--pad-h) 0 ($nav--item--spacing - $nav--item--pad-h);
+        padding: $nav--item--pad-v $nav--item--pad-h calc(#{$nav--item--pad-v} - 2px);
+        border-bottom: 2px solid transparent;
+        color: var(--nav--item--idle--fg);
+        text-decoration: none;
+
+        &:hover {
+            background-color: transparent;
+            color: var(--nav--item--hover--fg);
+            font-weight: bold;
+        }
+    }
+
+    @media (max-width: map-get($breakpoints, 'sm')) {
+        &__item {
+            margin-left: $nav--item--spacing-sm - $nav--item--pad-h;
+        }
     }
-  }
 
-  /*
+    /*
     @media (max-width: map-get($breakpoints, "xs")) {
         &__logo {
             display: none;
diff --git a/assets/css/components/_page-header.scss b/assets/css/components/_page-header.scss
index dd273df..886b3e9 100644
--- a/assets/css/components/_page-header.scss
+++ b/assets/css/components/_page-header.scss
@@ -1,17 +1,17 @@
 .c-page-header {
-  margin-bottom: $line-height * 2em;
-  overflow: hidden;
+    margin-bottom: $line-height * 2em;
+    overflow: hidden;
 
-  &::after {
-    position: relative;
-    z-index: -10;
-    content: str-repeat("░", 120);
-    display: block;
-    height: $line-height;
-    margin-top: px-to-em(2px);
-    padding-top: px-to-em(2px);
-    color: var(--fg-minus);
-    border-top: 1px solid var(--fg-minus);
-    line-height: $code-block--line-height;
-  }
+    &::after {
+        content: str-repeat('░', 120);
+        display: block;
+        position: relative;
+        z-index: -10;
+        height: $line-height;
+        margin-top: px-to-em(2px);
+        padding-top: px-to-em(2px);
+        border-top: 1px solid var(--fg-minus);
+        color: var(--fg-minus);
+        line-height: $code-block--line-height;
+    }
 }
diff --git a/assets/css/components/_refs.scss b/assets/css/components/_refs.scss
index b90252d..51524bd 100644
--- a/assets/css/components/_refs.scss
+++ b/assets/css/components/_refs.scss
@@ -1,7 +1,7 @@
 .c-refs__item {
-  padding-left: 0;
+    padding-left: 0;
 
-  &::before {
-    display: none;
-  }
+    &::before {
+        display: none;
+    }
 }