From 2fe4afef342fb2d91935c55b1fee870e2a297dbb Mon Sep 17 00:00:00 2001
From: Gabriel Arazas <foo.dogsquared@gmail.com>
Date: Fri, 6 Nov 2020 18:20:16 +0800
Subject: [PATCH] Clean up the CSS files

---
 CHANGELOG.adoc          |  2 ++
 README.adoc             | 11 +++++++----
 assets/scss/base.scss   |  4 ++--
 assets/scss/layout.scss | 26 +++++---------------------
 4 files changed, 16 insertions(+), 27 deletions(-)

diff --git a/CHANGELOG.adoc b/CHANGELOG.adoc
index e1848e5..789331d 100644
--- a/CHANGELOG.adoc
+++ b/CHANGELOG.adoc
@@ -24,6 +24,8 @@ and this project adheres to https://semver.org/spec/v2.0.0.html[Semantic Version
 * All references to `.Date` are changed with `.PublishDate` as it is more reliable.
 The `.PublishDate` can be manually set with the `publishdate` frontmatter variable and if unset, it is the assumed to be the `date` variable.
 
+* Link color into `base0C`.
+
 
 === Fixed
 
diff --git a/README.adoc b/README.adoc
index 2e08ef2..f5f6f3e 100644
--- a/README.adoc
+++ b/README.adoc
@@ -208,6 +208,9 @@ paginate = 20
     mainSections = [ "posts", "recipes", "projects" ]
 ----
 
+As for the page variables, it uses no custom frontmatter variables.
+For more information, you can refer to https://gohugo.io/content-management/front-matter#predefined[the predefined variables that Hugo accepts].
+
 
 === Authors
 
@@ -229,15 +232,15 @@ It can also point relative to the Hugo project root.
 
 === Creating your own color scheme
 
-To create a color scheme, simply place a Base16 color scheme data file in `data/more-contentful/themes/`.
-For example, take the https://github.com/chriskempson/base16-default-schemes/blob/master/default-dark.yaml[default Base16 dark scheme] which is also the default scheme for this theme.
-
 Creating your own color scheme has been simplified with the use of https://gohugo.io/templates/data-templates/#the-data-folder[data templates].
 Furthermore, with https://gohugo.io/hugo-pipes/bundling/#readout[asset bundling], CSS variables, and SCSS, it is ensured that all of the schemes will be kept in one resulting stylesheet.
 
-NOTE: In case you want to modify the stylesheet, the website has been styled according to the https://github.com/chriskempson/base16/blob/master/styling.md[Base16 styling guidelines] with some liberty.
+NOTE: In case you want to modify the stylesheet, the website has been styled according to the https://github.com/chriskempson/base16/blob/master/styling.md[Base16 styling guidelines] with some liberties applied.
 Not all Base16 color schemes follow the guideline strictly so it may result in a bad-looking color palette of the website.
 
+To create a color scheme, simply place a Base16 color scheme data file in `data/more-contentful/themes/`.
+For example, take the https://github.com/chriskempson/base16-default-schemes/blob/master/default-dark.yaml[default Base16 dark scheme] which is also the default scheme for this theme.
+
 [source, yaml]
 ----
 scheme: "Default Dark"
diff --git a/assets/scss/base.scss b/assets/scss/base.scss
index 871b585..63f763d 100644
--- a/assets/scss/base.scss
+++ b/assets/scss/base.scss
@@ -45,11 +45,11 @@ h4, h5, h6 {
 }
 
 a {
-  color: var(--base08);
+  color: var(--base0C);
   text-decoration: none;
 
   &:hover {
-    color: var(--base0C);
+    color: var(--base0B);
     text-decoration: underline;
   }
 
diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss
index 8f940eb..2d127f7 100644
--- a/assets/scss/layout.scss
+++ b/assets/scss/layout.scss
@@ -24,7 +24,7 @@
 }
 
 .site__languages {
-  @include header-link-hover-style;
+  margin: 0.5em;
 }
 
 .site__socials {
@@ -68,29 +68,12 @@
   padding: 0 0.5em;
 
   .site__theme-dropdown &:hover {
-    background: var(--base08);
+    background: var(--base0C);
     color: var(--base00);
     cursor: pointer;
   }
 }
 
-.site__breadcrumbs {
-  & > *:not(:last-child) {
-    &::after {
-      color: var(--base07);
-      content: "/";
-      display: inline-block;
-      margin: 0 0.5em;
-    }
-  }
-}
-
-.site__breadcrumb--active {
-  @extend .site__breadcrumb !optional;
-  color: var(--base0C);
-  font-weight: bold;
-}
-
 .pagination {
   display: flex;
   font-size: 1rem;
@@ -107,12 +90,12 @@
 
 .page-link {
   background: var(--base01);
-  color: var(--base08);
+  color: var(--base0C);
   text-decoration: none;
   padding: 0.5em;
 
   &:hover {
-    background: var(--base0C);
+    background: var(--base0B);
     color: var(--base00);
     text-decoration: none;
   }
@@ -162,6 +145,7 @@
     margin: 0.5em auto;
   }
 }
+
 .taxonomy__header {
   display: flex;
   align-items: center;