FUNCT Change icon when click on item

1 files changed, 21 insertions, 0 deletions

diff --git a/src/styles/main.scss b/src/styles/main.scss
index 2fcff94..130fd54 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -37,6 +37,18 @@ body {
         height: 100%;
 
         .item {
+            &:active {
+                .icon {
+                    &.inactive {
+                        display: none;
+                    }
+
+                    &.enabled{
+                        display: block;
+                    }
+                }
+            }
+
             color: map-get($colors, font);
             text-decoration: none;
 
@@ -44,6 +56,15 @@ body {
             -webkit-animation-duration: 2s;
 
             .icon {
+
+                &.inactive {
+                    display: block;
+                }
+
+                &.enabled{
+                    display: none;
+                }
+
                 width: 70%;
                 margin: 5% 15%;
             }