fix: update style rulesets

charlesrocket · Apr 5, 2024 · 77188f8 · 77188f8
1 parent 62b7a84
commit 77188f8
Show file tree

Hide file tree

Showing 5 changed files with 52 additions and 26 deletions.
diff --git a/sass/_base.scss b/sass/_base.scss
@@ -104,27 +104,27 @@ h6 {
 }
 
 h1 {
-  font-size: 2em;
+  font-size: 1.6em;
 }
 
 h2 {
-  font-size: 1.25em;
+  font-size: 1em;
 }
 
 h3 {
-  font-size: 1.1em;
+  font-size: 0.86em;
 }
 
 h4 {
-  font-size: 1em;
+  font-size: 0.8em;
 }
 
 h5 {
-  font-size: 0.9em;
+  font-size: 0.72em;
 }
 
 h6 {
-  font-size: 0.8em;
+  font-size: 0.65em;
 }
 
 figure {
@@ -137,7 +137,7 @@ figure {
   figcaption {
     margin-bottom: 0.5em;
     color: lighten($black, 40);
-    font-size: 0.85em;
+    font-size: 12px;
     width: 100%;
     text-align: center;
   }
@@ -223,6 +223,14 @@ cite {
   font-size: 0.85em;
 }
 
+ul > li {
+  list-style: square;
+}
+
+ol > li {
+  list-style: inside decimal;
+}
+
 dt {
   border: 1px solid darken($white, 7%);
   padding: 0.5em;
@@ -280,6 +288,18 @@ td:last-child {
   }
 }
 
+sup, sub {
+  font-size: 75%;
+}
+
+sup {
+  top: -0.6em
+}
+
+sub {
+  bottom: -0.2em
+}
+
 var {
   font-weight: bold;
 }
@@ -334,19 +354,22 @@ figure > table {
 pre,
 kbd {
   overflow-x: auto;
-  padding: 1rem;
-  line-height: 1.5;
+  padding: 0.9rem;
   margin: 0;
 }
+
+pre > code {
+  font-size: 13px;
+}
 
 p > code,
 a > code,
 li > code,
 figcaption > code,
 td > code,
 kbd {
-  padding: 0.1rem 0.2rem;
-  font-size: 0.9em;
+  padding: 0.1rem 0.15rem;
+  font-size: 12px;
   background-color: darken($white, 15%);
   font-family: $base-font;
 }
@@ -361,6 +384,7 @@ footer {
   margin-bottom: 23px;
   text-align: center;
   font-size: 12px;
+  line-height: 17px;
   width: 100%;
   > a {
     color: $shamrock-green;

diff --git a/sass/_search.scss b/sass/_search.scss
@@ -11,7 +11,7 @@
     -webkit-appearance:none;
     -webkit-border-radius: 0;
     border-radius: 0;
-    padding: 0.5rem;
+    padding: 0.4rem;
     width: 100%;
   }
 }

diff --git a/sass/_site.scss b/sass/_site.scss
@@ -97,7 +97,7 @@ nav.nav-bar li.nav-active {
 
 nav.nav-bar li a {
   display: flex;
-  padding: 0.5rem;
+  padding: 0.4rem;
   color: $black;
 }
 
@@ -270,10 +270,9 @@ a.zola-anchor {
     }
   }
   ul {
-    list-style-type: none;
     text-decoration: none;
     filter: drop-shadow(0 1px 7px);
-    font-size: 1em;
+    font-size: 0.8em;
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
@@ -290,6 +289,7 @@ a.zola-anchor {
       position: relative;
       transition-property: color;
       transition-duration: 0.2s;
+      list-style: none;
       &:before {
         content: "";
         position: absolute;
@@ -426,6 +426,7 @@ a.zola-anchor {
       margin-bottom: 18px;
     }
     p {
+      font-size: 16px;
       color: darken($white, 40);
     }
     .date {
@@ -617,6 +618,7 @@ a.zola-anchor {
 
 .date-highlight {
   text-align: center;
+  font-size: 16px;
   margin: 0 0 50px;
   color: $overlay-color;
   display: -webkit-box;
@@ -667,6 +669,7 @@ a.zola-anchor {
       > li {
         margin-bottom: 14px;
         padding-left: 20px;
+        list-style-type: none;
       }
     }
     .tags {
@@ -675,6 +678,7 @@ a.zola-anchor {
       padding-left: 0;
       > li {
         text-transform: lowercase;
+        list-style-type: none;
       }
     }
     .tags:is(.project-tags) > ul {
@@ -708,7 +712,7 @@ a.zola-anchor {
     overflow: auto;
   }
   .block-right {
-    overflow-y: inherit;
+    overflow-y: unset;
   }
 }
 
@@ -763,7 +767,7 @@ a.zola-anchor {
     }
   }
   table {
-    font-size: 0.90rem;
+    font-size: 14px;
   }
 }
 
@@ -817,9 +821,9 @@ a.zola-anchor {
   margin-top: 1em;
   &_pager {
     display: inline-block;
-    padding: 0.75em;
+    padding: 0.32em 0.1em;
     min-width: 5.5em;
-    font-size: 0.8em;
+    font-size: 16px;
     font-weight: 400;
     background-color: darken($white, 5%);
     color: darken($white, 35%) !important;

diff --git a/sass/_utilities.scss b/sass/_utilities.scss
@@ -24,9 +24,9 @@
 
 .btn {
   display: inline-block;
-  padding: 0.5rem 0.75rem;
+  padding: 0.4rem 0.7rem;
   margin-bottom: 0.5rem;
-  font-size: 0.7rem;
+  font-size: 0.5rem;
   font-weight: 400;
   background-color: darken($white, 7%);
   color: lighten($black, 20%);
@@ -115,9 +115,7 @@
 }
 
 @mixin notice($notice-color) {
-  margin: 2rem 0 !important;
-  padding: 1rem;
-  font-size: 12px !important;
+  padding: 0.75rem;
   text-indent: initial;
   background-color: mix(#ddd, $notice-color, 73%);
   border-radius: 0;

diff --git a/templates/index.html b/templates/index.html
@@ -5,10 +5,10 @@
         <div class="main-info">
           {% if config.extra.home.logo.enabled == true %}<a href="{{ config.base_url | safe }}" class="home-logo"><img src="{{ get_url(path=config.extra.logo, cachebust=true) }}" alt="logo" width="{{ config.extra.home.logo.width }}" height="{{ config.extra.home.logo.height }}"></a>{% endif %}
           <h1>
-            <i class="hero {% if config.extra.home.glitch == true %}glitch-h1 layers" data-text="{{ config.extra.home.title | safe }}{% endif %}"><span>{{ config.extra.home.title | safe }}</span></i>
+            <span class="hero {% if config.extra.home.glitch == true %}glitch-h1 layers" data-text="{{ config.extra.home.title | safe }}{% endif %}"><span>{{ config.extra.home.title | safe }}</span></span>
           </h1>
           <h2>
-            <i class="hero {% if config.extra.home.glitch == true %}glitch-h2 layers" data-text="{{ config.extra.home.subtitle | safe }}{% endif %}"><span>{{ config.extra.home.subtitle | safe }}</span></i>
+            <span class="hero {% if config.extra.home.glitch == true %}glitch-h2 layers" data-text="{{ config.extra.home.subtitle | safe }}{% endif %}"><span>{{ config.extra.home.subtitle | safe }}</span></span>
           </h2>
           <br>
           {% include "partials/social-links.html" %}