fix: variables.scssからhover-colorを参照するように変更

takusandayooo · takusandayooo · commit 042ed886704a · 2025-08-04T22:38:36.000+09:00
diff --git a/_sass/global/variables.scss b/_sass/global/variables.scss
@@ -15,6 +15,7 @@ $secondary-color: $purple;
 $third-color: $blue;
 $text-color: $black;
 $color-necessary: #ffe6cc;
+$hover-color: $yellow;
 
 // SNS
 $color-facebook: #3b5998;
diff --git a/_sass/includes/footer.scss b/_sass/includes/footer.scss
@@ -1,4 +1,5 @@
-$footer-link-hover: #7cc224;
+@use '../global/variables' as *;
+
 
 .site-footer {
   background: #fff;
@@ -29,7 +30,7 @@ $footer-link-hover: #7cc224;
       transition: background 0.2s, color 0.2s;
 
       &:hover {
-        background: $footer-link-hover;
+        background: $hover-color;
         color: #fff;
       }
     }
@@ -47,7 +48,7 @@ $footer-link-hover: #7cc224;
       transition: color 0.2s;
 
       &:hover {
-        color: $footer-link-hover;
+        color: $hover-color;
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`		`-$footer-link-hover: #7cc224;`
	`1`	`+@use '../global/variables' as *;`
	`2`	`+`
`2`	`3`
`3`	`4`	`.site-footer {`
`4`	`5`	`background: #fff;`
`@@ -29,7 +30,7 @@ $footer-link-hover: #7cc224;`
`29`	`30`	`transition: background 0.2s, color 0.2s;`
`30`	`31`
`31`	`32`	`&:hover {`
`32`		`- background: $footer-link-hover;`
	`33`	`+ background: $hover-color;`
`33`	`34`	`color: #fff;`
`34`	`35`	`}`
`35`	`36`	`}`
`@@ -47,7 +48,7 @@ $footer-link-hover: #7cc224;`
`47`	`48`	`transition: color 0.2s;`
`48`	`49`
`49`	`50`	`&:hover {`
`50`		`- color: $footer-link-hover;`
	`51`	`+ color: $hover-color;`
`51`	`52`	`}`
`52`	`53`	`}`
`53`	`54`	`}`