Add FontAwesome and Restructure Theme SASS

1 files changed, 2 insertions, 70 deletions

diff --git a/sass/themes/_dark.scss b/sass/themes/_dark.scss
index 1fef7c3..9c4519b 100644
--- a/sass/themes/_dark.scss
+++ b/sass/themes/_dark.scss
@@ -1,12 +1,8 @@
 :root {
-  // Typography
+  // Regular Fonts used by default:
   --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
+  // Monospace Fonts used for code:
   --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace;
-  --lh: 1.5; //line-height
-  --lhh: 1.2; //line-height headers
-  --fs: 1rem; //font-size
-  --fw: 400; //font-weight
-  --fh: 700; //font-weight h1-h6
 
   // Colors
   --f1: #ccc; //font color 1
@@ -23,68 +19,4 @@
 
   --cg: #483; //ins green
   --cr: #d33; //del red
-
-  // Spacings
-  --s1: .5rem;
-  --s2: 1rem;
-  --rc: .5rem; //radius corners
-
-  // Borders
-  --br: 0.25rem; //border radius
-  --bw: 0.0625rem; //border width
-  --ow: 0.1875rem; //outline width
-
-  // Responsive typography
-  @if $enable-responsive-typography {
-    @if map-get($breakpoints, "sm") {
-      @media (min-width: map-get($breakpoints, "sm")) {
-        --fs: 1rem;
-      }
-    }
-    @if map-get($breakpoints, "md") {
-      @media (min-width: map-get($breakpoints, "md")) {
-        --fs: 1.04rem;
-      }
-    }
-    @if map-get($breakpoints, "lg") {
-      @media (min-width: map-get($breakpoints, "lg")) {
-        --fs: 1.08rem;
-      }
-    }
-    @if map-get($breakpoints, "xl") {
-      @media (min-width: map-get($breakpoints, "xl")) {
-        --fs: 1.12rem;
-      }
-    }
-  }
-}
-
-// Responsives spacings
-@if $enable-responsive-spacings {
-  // Sectionning
-  body > header,
-  body > main,
-  body > footer,
-  section {
-    @if map-get($breakpoints, "sm") {
-      @media (min-width: map-get($breakpoints, "sm")) {
-        --s1: .5rem;
-      }
-    }
-    @if map-get($breakpoints, "md") {
-      @media (min-width: map-get($breakpoints, "md")) {
-        --s1: .6rem;
-      }
-    }
-    @if map-get($breakpoints, "lg") {
-      @media (min-width: map-get($breakpoints, "lg")) {
-        --s1: .7rem;
-      }
-    }
-    @if map-get($breakpoints, "xl") {
-      @media (min-width: map-get($breakpoints, "xl")) {
-        --s1: .8rem;
-      }
-    }
-  }
 }