Fix wrapping issue with prerendered text for code in lis

content/content-management/archetypes.md

@@ -186,5 +186,5 @@ The preceding archetype is kept up to date with every Hugo build by using Hugo's
 [front matter]: /content-management/front-matter/
 [RFC 3339 format]: https://www.ietf.org/rfc/rfc3339.txt
 [taxonomies]: /content-management/taxonomies/
-[templates in the `layouts` directory]: /templates/base-templates-and-blocks/
+[templates in the `layouts` directory]: /templates/base/
 [templates]: /templates/

content/templates/additional-templating-languages.md

@@ -71,4 +71,4 @@ For Amber template documentation, follow the links from the [Amber project][].
 [Amber Project]: https://github.com/eknkc/amber
 [template functions]: /functions/
 [Go templates]: /templates/go-templates/
-[Go base templates]: /templates/base-templates-and-blocks/
+[Go base templates]: /templates/base/

content/templates/base.md

@@ -10,7 +10,7 @@ categories: [templates]
 tags: [blocks,base,fundamentals]
 weight: 20
 draft: false
-aliases: [/templates/blocks/]
+aliases: [/templates/blocks/,/templates/base-templates-and-blocks/]
 toc: true
 wip: true
 ---

content/templates/lookup-order.md

@@ -36,7 +36,7 @@ See examples of the lookup order for each of the Hugo template types:
 * [Single Page Templates][singlelookup]
 * [RSS Templates][rsslookup]
 
-[base]: /templates/base-templates-and-blocks/#base-template-lookup-order
+[base]: /templates/base/#base-template-lookup-order
 [directory structure]: /getting-started/directory-structure/
 [DRY]: https://en.wikipedia.org/wiki/Don%27t_repeat_yourself
 [home]: /templates/homepage/#homepage-template-lookup-order

content/tree.txt

@@ -246,7 +246,7 @@
 ├── templates
 │   ├── _index.md
 │   ├── additional-templating-languages.md
-│   ├── base-templates-and-blocks.md
+│   ├── base.md
 │   ├── content-view-templates.md
 │   ├── custom-404-page.md
 │   ├── data-templates.md

themes/hugodocs/layouts/_default/section.html

@@ -18,7 +18,8 @@
 			{{- partial "functions-quick-reference.html" . -}}
 		{{ end }}
 		</div>
+		{{partial "content-footer.html" . }}
 	</div>
-	{{partial "content-footer.html" . }}
+
 </main>
 {{ end }}

themes/hugodocs/pipeline/scss/base/_typography.scss

@@ -9,7 +9,7 @@ h6 {
   font-family: $heading-font-family;
   font-weight: $heading-font-weight;
   margin: 0px;
-  line-height: 1.2;
+  line-height: 1.15;
   position: relative;
   > code, > a {
     font-weight: $heading-font-weight;
@@ -17,7 +17,7 @@ h6 {
 }
 
 h1.page-title {
-  font-size: 2.2em;
+  @include MQALL('font-size',1.8em,2.3em);
   line-height: 1.2;
   letter-spacing: -.021em;
   padding-bottom: 0px;
@@ -46,11 +46,11 @@ h1.page-title {
 h2,
 h3 {
   padding-bottom: 24px;
-  padding-right: 1.5em;
+  // padding-right: 1.5em;
 }
 
 h2 {
-  font-size: 1.6em;
+  @include MQALL('font-size',1.4em,1.6em,1.8em);
   &.contents-list-heading {
     text-transform: uppercase;
     color: $hugo-gray;
@@ -61,7 +61,7 @@ h2 {
 }
 
 h3 {
-  font-size: 1.2em;
+  @include MQALL('font-size',1.2em,1.3em);
 }
 
 h4 {

themes/hugodocs/pipeline/scss/components/_code.scss

@@ -85,6 +85,18 @@ pre {
     font-family: $code-font-family;
     color: $code-block-base-font-color;
   }
+  li > code,
+  li > span > code {
+    white-space: pre-wrap;
+    /* css-3 */
+    white-space: -moz-pre-wrap;
+    /* Mozilla, since 1999 */
+    white-space: -pre-wrap;
+    /* Opera 4-6 */
+    white-space: -o-pre-wrap;
+    /* Opera 7 */
+    word-wrap: break-word;
+  }
 }
 
 //for clipboard.js tooltip and button
@@ -151,7 +163,6 @@ button.download-button {
 // .button.copy-button {
 //   opacity: 0;
 // }
-
 h1,
 h2,
 h3,

themes/hugodocs/pipeline/scss/components/_content-footer.scss

@@ -17,19 +17,22 @@
   max-width: 100%;
   min-width: 100%;
   min-height: 60px;
-  justify-content:space-between;
-  margin-bottom:2em;
+  justify-content: space-between;
+  margin-bottom: 2em;
 }
 
 .cf-link {
   display: flex;
   align-items: center;
-  color:$base-font-color;
+  color: $hugo-gray;
+  h5 {
+    color: $hugo-gray;
+  }
   &:hover {
     background-color: $hugo-pink;
-    color:$hugo-white;
+    color: $hugo-white;
     h5 {
-      color:$hugo-white;
+      color: $hugo-white;
     }
   }
 }
@@ -46,13 +49,15 @@
     top: calc(50% - 12px);
   }
 }
+
 .next-page {
-  justify-content:flex-end;
-  text-align:right;
+  justify-content: flex-end;
+  text-align: right;
+  align-self: flex-end;
 }
 
 .page-info {
-  margin:0px .5em 0px .5em;
+  margin: 0px .5em 0px .5em;
 }
 
 // .prev-page {
@@ -61,7 +66,6 @@
 //     padding-left: 20px;
 //   }
 // }
-
 // .next-page {
 //   float: right;
 //   text-align: right;
@@ -69,11 +73,10 @@
 //     padding-right: 20px;
 //   }
 // }
-
 .page-info {
   display: inline-block;
   width: auto;
   span {
     font-size: .8em;
   }
-}
+}