WIP: Resetting type changes

qld-gov-au · Jun 24, 2024 · 7815d03 · 7815d03
1 parent 0d6c792
commit 7815d03
Showing 1 changed file with 32 additions and 40 deletions.
diff --git a/src/scss/qld-type.scss b/src/scss/qld-type.scss
@@ -41,7 +41,6 @@ $h6-font-size: $font-size-base * 0.875;
 $headings-font-weight: 600;
 $headings-line-height: 2;
 $headings-color: $qld-text-headings;
-$qld-heading-color: $core-default-color-brand-primary-light-green;
 
 $link-color: $qld-brand-primary;
 $link-hover-color: $qld-brand-primary;
@@ -95,12 +94,6 @@ body {
 }
 
 .qld-content-body {
-
-  p {
-    margin-top: 1.5rem;
-    margin-bottom: 0;
-  }
-
   ul, ol, p {
       line-height: 1.75;
   }
@@ -110,34 +103,32 @@ body {
   }
 }
 
-// Apply correct bold font-weight
-h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, 
 strong, b, th {
-  font-weight: $font-weight-bold;
+  font-weight: $font-weight-bold !important; // Overrides default BS styles
 }
 
 
 // Light, Light alt
-
-h1, h2, h3, h4, h5, h6 {
-  color: var(--#{$prefix}color-default-color-light-text-heading);
+a {
+  font-weight: var(--qld-link-font-weight);
 }
 
 a,
 a.nav-link {
-  text-underline-offset: var(--qld-link-underline-offset);
-  text-decoration-thickness: var(--qld-link-underline-thickness);
+  text-decoration: underline;
+  text-underline-offset: var(--qld-link-underline-offset) !important;
+  text-decoration-thickness: var(--qld-link-underline-thickness) !important;
 
   &:hover {
-    text-decoration-thickness: var(--qld-link-underline-thickness-hover);
+    text-decoration-thickness: var(--qld-link-underline-thickness-hover) !important;
   }
 
     &:visited {
-        color: var(--#{$prefix}color-default-color-light-link-visited);
-        text-decoration-color: var(--#{$prefix}color-default-color-light-underline-visited);
+        color: #551A8B;
+        text-decoration-color: #551A8B;
         &:hover {
-            text-decoration-thickness: var(--qld-link-underline-thickness-hover);
-            text-decoration-color: var(--#{$prefix}color-default-color-light-underline-visited-hover);
+            text-decoration-thickness: 2px;
+            text-decoration-color: #551A8B;
         }
     }
 
@@ -146,7 +137,6 @@ a.nav-link {
         outline-offset: 2px;
   }
 }
-
 caption {
     font-size: 14px;
     font-weight: 400;
@@ -156,29 +146,31 @@ caption {
 // Dark, dark alt
 .dark,
 .dark-alt {
+    body & {
+        color: var(--qld-body-color);
+    }
 
-  h1, h2, h3, h4, h5, h6 {
-    color: var(--#{$prefix}color-default-color-dark-text-heading);
-  }
-
-
-  body & {
-      color: var(--qld-body-color);
-  }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        color: var(--qld-headings-color);
+    }
         a, a.nav-link {
-          text-decoration-color: var(--#{$prefix}color-default-color-dark-underline-default);
-
-          &:visited {
-              color: var(--#{$prefix}color-default-color-dark-link-visited);
-              text-decoration-color: var(--#{$prefix}color-default-color-dark-underline-visited);
-
-              &:hover {
-                text-decoration-color: var(--#{$prefix}color-default-color-dark-underline-default-hover);
-              }
-          }
+            text-decoration-color: #B5CCE2;
+            &:visited {
+                color: var(--qld-link-visited-dark);
+                text-decoration-color: var(--qld-link-visited-dark);
+                &:hover {
+                    text-decoration-color: #FFFFFF;
+                }
+            }
         }
     }
 
+
 caption {
     font-size: 14px;
     font-weight: 400;
@@ -205,4 +197,4 @@ a.nostyle {
   color: var(--qld-selection-color);
   background: var(--qld-selection-bg);
   text-shadow: none;
-}
+}