Remove deprecated transparentize methods

dgudim · Oct 7, 2024 · 46f8970 · 46f8970
1 parent 0f1e72a
commit 46f8970
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 13 deletions.
diff --git a/autogen/styles/buttons.scss b/autogen/styles/buttons.scss
@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 .button-container {
   display: table;
   margin-left: auto;
@@ -25,11 +27,11 @@ a.button {
   outline: none;
 
   &:hover {
-    background: transparentize($accent, .15);
+    background: color.adjust($accent, $alpha: -0.15);
   }
 
   &:active {
-    background: transparentize($accent, .2);
+    background: color.adjust($accent, $alpha: -0.2);
     border: 1px solid $accent2;
   }
 

diff --git a/autogen/styles/form.scss b/autogen/styles/form.scss
@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 input, textarea, select {
   background: transparent;
   color: $accent;
@@ -38,7 +40,7 @@ select {
 }
 
 ::placeholder {
-  color: transparentize($accent, .5);
+  color: color.adjust($accent, $alpha: -0.5);
 }
 
 .notification-form {

diff --git a/autogen/styles/main.scss b/autogen/styles/main.scss
@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 html {
   box-sizing: border-box;
 }
@@ -84,7 +86,7 @@ img {
 
     margin-bottom: 30px;
 
-    box-shadow: 0 0 50px transparentize($bg2, .2);
+    box-shadow: 0 0 50px color.adjust($bg2, $alpha: -0.2);
 
     @media ($phone) {
       margin-bottom: 20px;
@@ -154,7 +156,7 @@ code,
 kbd {
   font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace !important;
   font-feature-settings: normal;
-  background: transparentize($accent, .8);
+  background: color.adjust($accent, $alpha: -0.8);
   color: $accent;
   padding: 1px 6px;
   margin: 0 2px;

diff --git a/autogen/styles/pagination.scss b/autogen/styles/pagination.scss
@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 .pagination {
   margin-top: 50px;
 
@@ -16,7 +18,7 @@
       margin: 0 auto;
       padding: 5px 10px;
       background: $background;
-      color: transparentize($color, .7);
+      color: color.adjust($color, $alpha: -0.7);
       font-size: .8rem;
       text-transform: uppercase;
       text-decoration: none;

diff --git a/autogen/styles/post.scss b/autogen/styles/post.scss
@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 .terminal-content {
   @extend .framed;
 
@@ -53,7 +55,7 @@ blockquote {
 
   &.filled {
     position: relative;
-    background: transparentize($accent, .9);
+    background: color.adjust($accent, $alpha: -0.9);
     font: inherit;
     color: inherit;
     border: 1px solid $accent;
@@ -90,7 +92,7 @@ blockquote {
   &-meta {
     font-size: 1rem;
     margin-bottom: 10px;
-    color: transparentize($accent, .3);
+    color: color.adjust($accent, $alpha: -0.3);
   }
 
   &-title {
@@ -171,7 +173,7 @@ blockquote {
 }
 
 .hanchor {
-  color: transparentize($accent3, .1);
+  color: color.adjust($accent3, $alpha: -0.1);
   text-decoration: none;
   margin-left: 10px;
   visibility: hidden;
@@ -185,5 +187,5 @@ h4:hover a {
 }
 
 .footnotes {
-  color: transparentize($color, .5);
-}
+  color: color.adjust($color, $alpha: -0.5);
+}
diff --git a/autogen/styles/variables.scss b/autogen/styles/variables.scss
@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $bg_h: #1d2021;
 $bg: #282828;
 $bg_s: #32302f;
@@ -40,7 +42,7 @@ $text_invert: $bg_h;
 $background: mix($accent, $bg, 0%);
 $color: $fg;
 $border-color: $bg2;
-$shadow-color: transparentize($accent, .9);
+$shadow-color: color.adjust($accent, $alpha: -0.9);
 
 /* MEDIA QUERIES */
 $phone: "max-width: 684px";

diff --git a/styles/styles.css.map b/styles/styles.css.map