bibliography + blockquote

css/modules/_text.scss

@@ -54,8 +54,11 @@ p, li{
 
 
 #section__content blockquote{
-    font-family: var(--font-quote);
-    color: red;
+    // font-family: var(--font-quote);
+    // margin-left: var(--unit);
+    margin-left: calc(var(--unit)*0.5);
+    font-weight: 200;
+    // color: red;
 
 
 }
@@ -138,3 +141,30 @@ p, li{
         display: block;
     }
 }
+
+
+
+// BIBLIOGRAPHY --------------------------------------------------
+
+
+#section__bibliography{
+    columns: 2;
+    gap: 3ch;
+}
+
+
+#section__bibliography h1{
+    column-span: all;
+}
+
+
+#section__bibliography p{
+    padding-left: 0;
+    break-inside: avoid;
+    padding-left: 2ch;
+    text-indent: -2ch;
+    letter-spacing: -0.01rem;
+
+        font-size: var(--fs-small);
+    line-height: calc(var(--baseline) * 0.75);
+}

css/modules/_titles.scss

@@ -116,13 +116,11 @@
         padding-bottom: 6mm;
         hyphens: auto; 
         margin-left: calc(var(--unit)*1);
-        padding-left: calc(var(--unit)*0.5);
+        padding-left: calc(var(--unit)*1);
         position: relative;
         max-width: calc(var(--unit)*5);
         text-wrap: balance;
-        // background-color: red;
-
-        // color: red;
+     
 
         &::before{
             display: block;

css/style.css

@@ -347,8 +347,8 @@ p, li {
 }
 
 #section__content blockquote {
-  font-family: var(--font-quote);
-  color: red;
+  margin-left: calc(var(--unit) * 0.5);
+  font-weight: 200;
 }
 
 .thesis {
@@ -408,6 +408,28 @@ p, li {
   display: block;
 }
 
+#section__bibliography {
+  -moz-columns: 2;
+       columns: 2;
+  gap: 3ch;
+}
+
+#section__bibliography h1 {
+  -moz-column-span: all;
+       column-span: all;
+}
+
+#section__bibliography p {
+  padding-left: 0;
+  -moz-column-break-inside: avoid;
+       break-inside: avoid;
+  padding-left: 2ch;
+  text-indent: -2ch;
+  letter-spacing: -0.01rem;
+  font-size: var(--fs-small);
+  line-height: calc(var(--baseline) * 0.75);
+}
+
 [data-id=section__content] {
   position: relative;
 }
@@ -513,7 +535,7 @@ ol[type="1"] {
   padding-bottom: 6mm;
   hyphens: auto;
   margin-left: calc(var(--unit) * 1);
-  padding-left: calc(var(--unit) * 0.5);
+  padding-left: calc(var(--unit) * 1);
   position: relative;
   max-width: calc(var(--unit) * 5);
   text-wrap: balance;

js/beforeAll.js

@@ -139,6 +139,8 @@ function wrapContent(content){
     bibSection.id = 'section__bibliography';
     bibNodes.forEach(n => bibSection.appendChild(n));
     sectionContent.appendChild(bibSection);
+    // DELETE
+    // sectionContent.insertBefore(bibSection, sectionContent.firstChild);
 }