Add footnote styling (#769)

Add styling for footnotes.
It just removes the `p` margin.

assets/scss/_base.scss

@@ -219,6 +219,12 @@ figure {
   text-align: center;
 }
 
+.footnotes {
+  ol li p {
+    margin: 0;
+  }
+}
+
 .preload-transitions * {
   $null-transition: none !important;
 

exampleSite/content/posts/markdown-syntax.md

@@ -50,8 +50,6 @@ The blockquote element represents content that is quoted from another source, op
 > Don't communicate by sharing memory, share memory by communicating.<br>
 > — <cite>Rob Pike[^1]</cite>
 
-[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
-
 ## Tables
 
 Tables aren't part of the core Markdown spec, but Hugo supports them out-of-the-box.
@@ -135,6 +133,10 @@ Tables aren't part of the core Markdown spec, but Hugo supports them out-of-the-
   * Milk
   * Cheese
 
+#### Foot Notes
+
+Check it[^2] at the end[^3] of this text[^4].
+
 ## Other Elements — abbr, sub, sup, kbd, mark
 
 <abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
@@ -146,3 +148,8 @@ X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
 Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
 
 Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
+
+[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
+[^2]: A footnote.
+[^3]: Another one.
+[^4]: Cool, right?

exampleSite/content/posts/markdown-syntax.pt-br.md

@@ -50,8 +50,6 @@ O elemento de citações representa um conteúdo citado de outra origem, opciona
 > Não comunique compartilhando memória, compartilhe memória comunicando.<br>
 > — <cite>Rob Pike[^1]</cite>
 
-[^1]: A citação acima foi extraída da [apresentação](https://www.youtube.com/watch?v=PAAkCSZUG1c) do Rob Pike durante a Gopherfest, de 18 de Novembro de 2015.
-
 ## Tabelas
 
 Tabelas não fazem parte do cerne da especificação do Markdown, mas o Hugo oferece suporte a elas.
@@ -136,6 +134,10 @@ Tabelas não fazem parte do cerne da especificação do Markdown, mas o Hugo ofe
   * Leite
   * Queijo
 
+#### Notas de Rodapé
+
+Verifique[^2] no final[^3] desse texto[^4].
+
 ## Outros Elementos — abbr, sub, sup, kbd, mark
 
 <abbr title="Graphics Interchange Format">GIF</abbr> é um formato de imagem bitmap.
@@ -147,3 +149,8 @@ X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
 Aperte <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> para fechar.
 
 A maioria das <mark>salamandras</mark> são noturnas e caçam insetos, vermes, e outras criaturas pequenas.
+
+[^1]: A citação acima foi extraída da [apresentação](https://www.youtube.com/watch?v=PAAkCSZUG1c) do Rob Pike durante a Gopherfest, de 18 de Novembro de 2015.
+[^2]: Uma nota de rodapé.
+[^3]: Outra aqui.
+[^4]: Legal, né?

exampleSite/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content

@@ -42,7 +42,10 @@ body.colorscheme-dark {
     color: #dadada; }
   body.colorscheme-dark .highlight pre {
     background-color: #424242;
-    color: #dadada; }
+    color: #212121; }
+    body.colorscheme-dark .highlight pre code {
+      background-color: inherit;
+      color: inherit; }
   body.colorscheme-dark :not(.highlight) > pre code {
     background-color: inherit;
     color: inherit; }
@@ -112,7 +115,10 @@ body.colorscheme-dark {
       color: #dadada; }
     body.colorscheme-auto .highlight pre {
       background-color: #424242;
-      color: #dadada; }
+      color: #212121; }
+      body.colorscheme-auto .highlight pre code {
+        background-color: inherit;
+        color: inherit; }
     body.colorscheme-auto :not(.highlight) > pre code {
       background-color: inherit;
       color: inherit; }

exampleSite/resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.content

@@ -3042,7 +3042,7 @@ html {
 body {
   color: #212121;
   background-color: #fafafa;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
   font-size: 1.8em;
   font-weight: 400;
   line-height: 1.8em; }
@@ -3070,7 +3070,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
   font-weight: 600;
   color: #000;
   margin: 4rem 0 2.5rem 0; }
@@ -3214,6 +3214,9 @@ img {
 figure {
   text-align: center; }
 
+.footnotes ol li p {
+  margin: 0; }
+
 .preload-transitions * {
   -webkit-transition: none !important;
   -moz-transition: none !important;
@@ -3339,7 +3342,7 @@ figure {
       font-size: 1.8rem;
       flex: 2;
       color: #212121;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
       font-weight: 700; }
       .list ul li .title:hover, .list ul li .title:focus {
         color: #1565c0; }
@@ -3475,7 +3478,7 @@ figure {
   .navigation span {
     display: inline;
     font-size: 1.7rem;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
     font-weight: 600;
     color: #212121; }
   .navigation a:hover, .navigation a:focus {
@@ -3563,7 +3566,7 @@ figure {
 .pagination {
   margin-top: 6rem;
   text-align: center;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; }
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; }
   .pagination li {
     display: inline;
     text-align: center;

resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content

@@ -42,7 +42,10 @@ body.colorscheme-dark {
     color: #dadada; }
   body.colorscheme-dark .highlight pre {
     background-color: #424242;
-    color: #dadada; }
+    color: #212121; }
+    body.colorscheme-dark .highlight pre code {
+      background-color: inherit;
+      color: inherit; }
   body.colorscheme-dark :not(.highlight) > pre code {
     background-color: inherit;
     color: inherit; }
@@ -112,7 +115,10 @@ body.colorscheme-dark {
       color: #dadada; }
     body.colorscheme-auto .highlight pre {
       background-color: #424242;
-      color: #dadada; }
+      color: #212121; }
+      body.colorscheme-auto .highlight pre code {
+        background-color: inherit;
+        color: inherit; }
     body.colorscheme-auto :not(.highlight) > pre code {
       background-color: inherit;
       color: inherit; }

resources/_gen/assets/scss/scss/coder.scss_38b4d05915c0483e6cb106e4f0efccbc.json

@@ -1 +0,0 @@
-{"Target":"css/coder.min.36f76aaf39a14ecf5c3a3c6250dcaf06c238b3d8365d17d646f95cb1874e852b.css","MediaType":"text/css","Data":{"Integrity":"sha256-NvdqrzmhTs9cOjxiUNyvBsI4s9g2XRfWRvlcsYdOhSs="}}

resources/_gen/assets/scss/scss/coder.scss_5e1eb8e37c42cdfb6215b61e44dcfa5f.json

@@ -0,0 +1 @@
+{"Target":"css/coder.min.0fa2dc75ed1b76894ac0e062b10a6c4730daa745096fa120114b290ed8a48788.css","MediaType":"text/css","Data":{"Integrity":"sha256-D6Lcde0bdolKwOBisQpsRzDap0UJb6EgEUspDtikh4g="}}

resources/_gen/assets/scss/scss/coder.scss_fd4b5b3f9a48bc0c7f005d2f7a4cc30f.content

@@ -3042,7 +3042,7 @@ html {
 body {
   color: #212121;
   background-color: #fafafa;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
   font-size: 1.8em;
   font-weight: 400;
   line-height: 1.8em; }
@@ -3070,7 +3070,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
   font-weight: 600;
   color: #000;
   margin: 4rem 0 2.5rem 0; }
@@ -3214,6 +3214,9 @@ img {
 figure {
   text-align: center; }
 
+.footnotes ol li p {
+  margin: 0; }
+
 .preload-transitions * {
   -webkit-transition: none !important;
   -moz-transition: none !important;
@@ -3339,7 +3342,7 @@ figure {
       font-size: 1.8rem;
       flex: 2;
       color: #212121;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
       font-weight: 700; }
       .list ul li .title:hover, .list ul li .title:focus {
         color: #1565c0; }
@@ -3475,7 +3478,7 @@ figure {
   .navigation span {
     display: inline;
     font-size: 1.7rem;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
     font-weight: 600;
     color: #212121; }
   .navigation a:hover, .navigation a:focus {
@@ -3563,7 +3566,7 @@ figure {
 .pagination {
   margin-top: 6rem;
   text-align: center;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; }
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif; }
   .pagination li {
     display: inline;
     text-align: center;