Update style.css - right-nav changes (#573)

* Update style.css - right-nav changes Modified the right-nav styling on article pages * Updates major-elements.sass * Updated side-toc.sass * Correction in side-toc.sass for 'a' element * Compile style.sass -> style.css --------- Co-authored-by: Tom Schraitle <[email protected]>
openSUSE · Sep 18, 2023 · c51b27b · c51b27b
1 parent c9df3af
commit c51b27b
Show file tree

Hide file tree

Showing 3 changed files with 376 additions and 358 deletions.
diff --git a/source-assets/styles2022/sass/custom/major-elements.sass b/source-assets/styles2022/sass/custom/major-elements.sass
@@ -131,9 +131,13 @@ main
     padding-right: 0
 
   #_side-toc-page
-    background-color: $c_white
+    background-color: $c_fog
     margin-right: 0
-    padding-left: 0
+    padding-left: 1.5rem   
+
+    // background-color: $c_white
+    // margin-right: 0
+    // padding-left: 0
 
   &.sticky
     article

diff --git a/source-assets/styles2022/sass/custom/side-toc.sass b/source-assets/styles2022/sass/custom/side-toc.sass
@@ -42,9 +42,15 @@ $you_are_here_weight: 600
 
   .side-title
     color: $c_pine
-    font-size: $i_font_menu
-    font-weight: 800
-
+    margin-top: 1rem 
+    margin-bottom: 0.5rem
+    font-size: 0.875rem
+    font-weight: 600
+
+    // font-size: $i_font_menu
+    // font-weight: 800
+
+
     // fix the display of the em.citetitle that is somehow included in every
     // other guide name...
     em
@@ -53,6 +59,18 @@ $you_are_here_weight: 600
 
 // "On this page"
 #_side-toc-page
+
+  a
+    color: $c_jungle
+    padding: 0.4rem 0
+
+    &:focus,
+    &:hover,
+    &:active
+      background-color: transparent
+      text-decoration: underline
+
+
   @include m_tablet
     background-color: $c_white
     border: .2rem solid $c_pine