Added some different effects with the colors

2020-05-12 20:16:58 +05:30
parent 14765192a2
commit 65046b882f
3 changed files with 41 additions and 10 deletions
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -1,6 +1,10 @@
 $background: #263238;
 $foreground: #fff;
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+$media: #4DD0E1;
+$work: #F06292;
+$social: #FFF176;
+$others: #A1887F;

 .roboto {
    font-family: 'Roboto', sans-serif;
@@ -65,10 +69,6 @@ body {
                transition: all 0.3s cubic-bezier(.25,.8,.25,1);
            }

-            h4 {
-                color: #4DD0E1;
-            }
-
            a {
                color: #9E9E9E;
                font-size: 16px;
@@ -82,5 +82,30 @@ body {
                }
            }
        }
+
+        .media {
+            h4, a:hover {
+                color: $media;
+            }
+        }
+
+        .work {
+            h4, a:hover {
+                color: $work;
+            }
+        }
+
+        .social {
+            h4, a:hover {
+                color: $social;
+            }
+            
+        }
+
+        .others {
+            h4, a:hover {
+                color: $others;
+            }
+        }
    }
 }