From 845cb0d5218209ca342e26fc0fc6cdf0a066d1dc Mon Sep 17 00:00:00 2001
From: Thomas Dehaeze <dehaeze.thomas@gmail.com>
Date: Thu, 26 Nov 2020 15:59:02 +0100
Subject: [PATCH] Add CSS for footnotes

---
 scss/partials/_base.scss      | 74 +++++++++--------------------------
 scss/partials/_footnotes.scss | 36 +++++------------
 scss/style.scss               |  3 ++
 3 files changed, 31 insertions(+), 82 deletions(-)

diff --git a/scss/partials/_base.scss b/scss/partials/_base.scss
index ea04037..597a601 100644
--- a/scss/partials/_base.scss
+++ b/scss/partials/_base.scss
@@ -1,7 +1,7 @@
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
 @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
 
-html{
+html {
     -ms-text-size-adjust:100%;
     -webkit-text-size-adjust:100%;
     font-size:100%;
@@ -9,7 +9,7 @@ html{
     overflow-x:hidden;
 }
 
-body{
+body {
     background:#edf0f2;
     color:#404040;
     font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
@@ -19,27 +19,26 @@ body{
     overflow-x:hidden;
 }
 
-#content{
+#content {
     background:#fcfcfc;
     height:100%;
     margin-left:300px;
-    /* margin:auto; */
     max-width:1200px;
     min-height:100%;
     padding:1.618em 3.236em;
 }
 
-p{
+p {
     font-size:16px;
     line-height:24px;
-    margin:0px 0px 24px 0px;
+    margin:0 0 1.5em 0;
 }
 
-b,strong{
+b,strong {
     font-weight:bold;
 }
 
-i{
+i {
     font-style: italic;
 }
 
@@ -67,29 +66,20 @@ blockquote{
     line-height:24px;
     margin:0px 0px 24px 0px;
     padding: 6px 20px;
+    p {
+        margin-bottom: 1em;
+    }
 }
 
-// .rotate-90{
-//     -webkit-transform:rotate(90deg);
-//     -moz-transform:rotate(90deg);
-//     -ms-transform:rotate(90deg);
-//     -o-transform:rotate(90deg);
-//     transform:rotate(90deg);
-// }
+// Superscript
+sup{
+    font-size:0.5em;
+    line-height:0;
+    position:relative;
+    vertical-align:baseline;
+    top:-0.5em;
 
-// .rotate-270{
-//     -webkit-transform:rotate(270deg);
-//     -moz-transform:rotate(270deg);
-//     -ms-transform:rotate(270deg);
-//     -o-transform:rotate(270deg);
-//     transform:rotate(270deg);
-// }
-
-// *{
-//     -webkit-box-sizing:border-box;
-//     -moz-box-sizing:border-box;
-//     box-sizing:border-box;
-// }
+}
 
 ins{
     background:#ff9;
@@ -288,34 +278,6 @@ span[id*='MathJax-Span']{
     text-align:center;
 }
 
-
-.footnum, .footref{
-    color: #2980b9;
-    font-size: 170%;
-    font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
-}
-
-.footnum:before, .footref:before{
-    content:"[";
-}
-
-.footnum:after, .footref:after{
-    content:"]";
-}
-
-.footpara {
-    color: #999;
-    font-size: 90%;
-    font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
-    padding-bottom: 8px;
-    padding-left: 16px;
-    padding-right: 16px;
-    padding-top: 8px;
-    line-height: 1.25em;
-    /* display: inline; */
-}
-
-
 .todo{
     background-color: #f29f97;
     padding: 0px 4px;
diff --git a/scss/partials/_footnotes.scss b/scss/partials/_footnotes.scss
index e709f15..65b7f1f 100644
--- a/scss/partials/_footnotes.scss
+++ b/scss/partials/_footnotes.scss
@@ -1,32 +1,21 @@
 // Links to Footnotes
 sup{
-    font-size:0.5em;
-    line-height:0;
-    position:relative;
-    vertical-align:baseline;
-    top:-0.5em;
-}
+    a.footref, a.footnum{
+        color: #2980b9;
+        font-size: 12px;
+        font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
 
-.footnum, .footref{
-    color: #2980b9;
-    font-size: 170%;
-    font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
-}
+        &:before{ content:"["; }
+        &:after{  content:"]"; }
 
-.footnum:before, .footref:before{
-    content:"[";
+        &:visited {
+            color: #2980b9;
+        }
+    }
 }
 
-.footnum:after, .footref:after{
-    content:"]";
-}
-
-
 // Footer
 #footnotes{
-    border-top:1px solid #e1e4e5;
-    padding-top: 36px;
-
     // Individual Foot Div
     div.footdef {
         display: flex;
@@ -55,8 +44,3 @@ sup{
         }
     }
 }
-
-// Do not display the footnote Heading
-h2.footnotes{
-    display:none;
-}
diff --git a/scss/style.scss b/scss/style.scss
index 882569e..4623cf4 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -1,6 +1,7 @@
 @import 'partials/_reset.scss';
 
 @import 'partials/_base.scss';
+@import 'partials/_headlines.scss';
 @import 'partials/_nagivation.scss';
 @import 'partials/_toc.scss';
 @import 'partials/_copyright.scss';
@@ -8,6 +9,8 @@
 @import 'partials/_print.scss';
 
 @import 'partials/_footnotes.scss';
+@import 'partials/_aside.scss';
+@import 'partials/_bibliography.scss';
 @import 'partials/_htmlize.scss';
 @import 'partials/_lists.scss';
 @import 'partials/_boxes.scss';