Update archetypes content

content/content-management/archetypes.md

@@ -87,7 +87,7 @@ categories = ["web development"]
 {{% /input %}}
 
 {{% caution "EOL Characters in Text Editors"%}}
-If you get an `EOF error` when using `hugo new`, add a carriage return after the closing `+++` or `---` for your TOML or YAML front matter, respectively. (See [troubleshooting](/troubleshooting/eof-error/))
+If you get an `EOF error` when using `hugo new`, add a carriage return after the closing `+++` or `---` for your TOML or YAML front matter, respectively. (See [troubleshooting](/troubleshooting/eof-error/).)
 {{% /caution %}}
 
 ## Using the Default Archetype
@@ -146,7 +146,7 @@ $ hugo new posts/post-from-custom.md
 ```
 {{% /input %}}
 
-This time, Hugo recognizes our custom `archetypes/posts.md` archetype and uses it instead of `archetypes/default.md`. The generated file will now include the full list of front matter parameters, as well as the base archetypes `title` and `date`.
+This time, Hugo recognizes our custom `archetypes/posts.md` archetype and uses it instead of `archetypes/default.md`. The generated file will now include the full list of front matter parameters, as well as the base archetype's `title` and `date`.
 
 {{% output "content/posts/post-from-custom.md" %}}
 ```toml

content/project-organization/configuration.md

@@ -293,7 +293,7 @@ watch =                       true
 ```
 {{% /input %}}
 
-## Configure Through Environmental Variables
+## Configuration Through Environmental Variables
 
 In addition to the 3 configuration file options already mentioned, website configuration can be accomplished through operating system environment variables.
 

themes/hugodocs/pipeline/scss/_variables.scss

@@ -61,7 +61,7 @@ $inline-code-background-color:lighten($hugo-gray-light,21%);
 
 //Sidebar
 $site-navigation-width: 280px;
-$content-max-width: 34em;
+$content-max-width: 35em;
 
 //Header
 $site-header-height:50px;

themes/hugodocs/pipeline/scss/components/_anchors.scss

@@ -8,44 +8,50 @@ a {
 }
 
 .body-copy {
-  a {
-    text-decoration: none;
+  a:not(.heading-link) {
     color: $default-anchor-color;
-    display: inline-block;
-    outline: none;
-    position: relative;
-    transition: color 0.3s ease;
-    perspective: 1800px;
-    &:hover {
-      color: $hugo-white;
-    }
-    &::before,
-    &::after {
-      position: absolute;
-      top: 0;
-      left: -2px;
-      padding: 0 2px;
-      z-index: -1;
-      box-sizing: content-box;
-      width: 100%;
-      height: 100%;
-      content: '';
-    }
-    &::before {
-      background-color: $default-anchor-color;
-      transition: transform 0.2s;
-      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
-      transform: rotateX(90deg);
-      transform-origin: 50% 100%;
-    }
-    &:hover::before,
-    &:focus::before {
-      transform: rotateX(0);
-    }
-    &::after {
-      border-bottom: 1px solid $default-anchor-color;
-    }
+    // color:$base-font-color;
+    text-decoration: none;
+    border-bottom:1px solid $default-anchor-color;
   }
+  // a {
+  //   text-decoration: none;
+  //   color: $default-anchor-color;
+  //   display: inline-block;
+  //   outline: none;
+  //   position: relative;
+  //   transition: color 0.3s ease;
+  //   perspective: 1800px;
+  //   &:hover {
+  //     color: $hugo-white;
+  //   }
+  //   &::before,
+  //   &::after {
+  //     position: absolute;
+  //     top: 0;
+  //     left: -2px;
+  //     padding: 0 2px;
+  //     z-index: -1;
+  //     box-sizing: content-box;
+  //     width: 100%;
+  //     height: 100%;
+  //     content: '';
+  //   }
+  //   &::before {
+  //     background-color: $default-anchor-color;
+  //     transition: transform 0.2s;
+  //     transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
+  //     transform: rotateX(90deg);
+  //     transform-origin: 50% 100%;
+  //   }
+  //   &:hover::before,
+  //   &:focus::before {
+  //     transform: rotateX(0);
+  //   }
+  //   &::after {
+  //     border-bottom: 1px solid $default-anchor-color;
+  //   }
+  // }
 }
 
 //heading links are added on the client (see pipeline/js/scripts/add-icons-to-external-links-and-pdfs-anchors.js)

themes/hugodocs/pipeline/scss/components/_table-of-contents.scss

@@ -25,7 +25,7 @@ aside#toc {
       margin-bottom: 2em;
     }
     ul li ul {
-      font-size: .8em;
+      font-size: 15px;
       li {
         margin-top: .5em;
         a {
@@ -42,19 +42,16 @@ aside#toc {
     padding-bottom: 0px;
     border-bottom: 1px solid $base-font-color;
     color: $base-font-color;
+    font-size:17px;
   }
   @include MQ(XL) {
     box-shadow: none;
-    top: $site-header-height + 20px;
-    left: calc(#{$site-navigation-width} + #{$content-max-width} + 3em);
+    top: $site-header-height + 70px;
+    left: calc(#{$site-navigation-width} + #{$content-max-width} + 48px);
     bottom:auto;
     opacity: 1;
     transform: scale(1);
   }
-  @include MQ(HUGE) {
-    max-width: 320px;
-    right: 10vw;
-  }
 }
 
 a#toc-toggle {