materializecss#52 removed remaining function calls from non-variable …

…file
bugy · Oct 3, 2021 · 53fcd45 · 53fcd45
1 parent f126d7e
commit 53fcd45
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 18 deletions.
diff --git a/sass/_style.scss b/sass/_style.scss
@@ -594,18 +594,8 @@ thead {
 ul.table-of-contents {
   margin-top: 0;
   padding-top: 48px;
-
-  a {
-    &.active {
-      color: rgba(0,0,0,.8);
-    }
-    color: rgba(0,0,0,.55);
-    font-weight: 400;
-  }
 }
 
-
-
 // Prism Styling
 code, pre {
   position: relative;

diff --git a/sass/components/_badges.scss b/sass/components/_badges.scss
@@ -7,7 +7,7 @@ span.badge {
   font-size: 1rem;
   line-height: $badge-height;
   height: $badge-height;
-  color: color('grey', 'darken-1');
+  color: $badge-color;
   float: right;
   box-sizing: border-box;
 

diff --git a/sass/components/_global.scss b/sass/components/_global.scss
@@ -114,7 +114,7 @@ a {
 .divider {
   height: 1px;
   overflow: hidden;
-  background-color: color("grey", "lighten-2");
+  background-color: $divider-color;
 }
 
 

diff --git a/sass/components/_table_of_contents.scss b/sass/components/_table_of_contents.scss
@@ -9,22 +9,23 @@
   li {
     padding: 2px 0;
   }
+
   a {
     display: inline-block;
-    font-weight: 300;
-    color: #757575;
+    font-weight: 400;
+    color: $font-color-medium;
     padding-left: 16px;
     height: 1.5rem;
     line-height: 1.5rem;
-    letter-spacing: .4;
-    display: inline-block;
 
     &:hover {
-      color: lighten(#757575, 20%);
+      color: $font-color-main;
       padding-left: 15px;
       border-left: 1px solid $primary-color;
     }
+
     &.active {
+      color: $font-color-main;
       font-weight: 500;
       padding-left: 14px;
       border-left: 2px solid $primary-color;

diff --git a/sass/components/_variables.scss b/sass/components/_variables.scss
@@ -41,6 +41,10 @@ $primary-color-font-disabled-color: rgba($primary-color, 0.4) !default;
 $primary-color-hover-opaque: rgba($primary-color, 0.06) !default;
 $primary-color-focus-opaque: rgba($primary-color, 0.18) !default;
 
+$font-color-main: rgba(0, 0, 0, 0.87) !default;
+$font-color-medium: rgba(0, 0, 0, 0.56) !default;
+$font-color-disabled: rgba(0, 0, 0, 0.38) !default;
+
 $secondary-color: color("teal", "lighten-1") !default;
 $success-color: color("green", "base") !default;
 $error-color: color("red", "base") !default;
@@ -55,12 +59,14 @@ $secondary-color-when-focused-solid: lighten($secondary-color, 12%) !default;
 $secondary-color-hover-opaque: rgba($secondary-color, 0.08) !default;
 $secondary-color-focus-opaque: rgba($secondary-color, 0.24) !default;
 
+$divider-color: #DDDDDD;
+
 // 2. Badges
 // ==========================================================================
 
 $badge-bg-color: $secondary-color !default;
 $badge-height: 22px !default;
-
+$badge-color: $font-color-medium !default;
 
 // 3. Buttons
 // ==========================================================================