Add explanation to commented out code

Author: Arnei

src/styles/mixins/_button.scss

@@ -55,28 +55,32 @@
         }
     }
 
-    // @else if $color == blue-dark-bg {
-    //     box-shadow: inset 0px 1px 0px 0px #456c8e, 0px 2px 3px 1px rgba(0,0,0,.05);
+    /**
+     * Currently goes unused. Kept to illustrate the intention behind this file
+     * for future readers.
+    @else if $color == blue-dark-bg {
+        box-shadow: inset 0px 1px 0px 0px #456c8e, 0px 2px 3px 1px rgba(0,0,0,.05);
 
-    //     background: linear-gradient(#3a5e7e, #2c9966);
+        background: linear-gradient(#3a5e7e, #2c9966);
 
-    //     border: variables.$thin-border-stroke variables.$dark-bg-border-color;
+        border: variables.$thin-border-stroke variables.$dark-bg-border-color;
 
-    //     &:hover {
-    //         cursor: pointer;
-    //         background: linear-gradient(color.adjust(#3a5e7e, $lightness: 5%), color.adjust(#2c9966, $lightness: -10%));
-    //     }
+        &:hover {
+            cursor: pointer;
+            background: linear-gradient(color.adjust(#3a5e7e, $lightness: 5%), color.adjust(#2c9966, $lightness: -10%));
+        }
 
-    //     &:focus {
-    //         cursor: pointer;
-    //         background: linear-gradient(color.adjust(#3a5e7e, $lightness: 5%), color.adjust(#2c9966, $lightness: -10%));
-    //     }
+        &:focus {
+            cursor: pointer;
+            background: linear-gradient(color.adjust(#3a5e7e, $lightness: 5%), color.adjust(#2c9966, $lightness: -10%));
+        }
 
-    //     &:active {
-    //         cursor: pointer;
-    //         box-shadow: inset 0px 3px 10px 1px color.adjust(#2c9966, $lightness: -3%);
-    //     }
-    // }
+        &:active {
+            cursor: pointer;
+            box-shadow: inset 0px 3px 10px 1px color.adjust(#2c9966, $lightness: -3%);
+        }
+    }
+    */
 
     @else if $color == green {
         box-shadow: inset 0px 1px 0px 0px variables.$primary-color-green-light-1, 0px 2px 3px 1px rgba(0,0,0,.05);
@@ -102,28 +106,32 @@
         }
     }
 
-    // @else if $color == blue {
-    //     box-shadow: inset 0px 1px 0px 0px #456c8e, 0px 2px 3px 1px rgba(0,0,0,.05);
+    /**
+     * Currently goes unused. Kept to illustrate the intention behind this file
+     * for future readers.
+    @else if $color == blue {
+        box-shadow: inset 0px 1px 0px 0px #456c8e, 0px 2px 3px 1px rgba(0,0,0,.05);
 
-    //     background: linear-gradient(#3a5e7e, #2c9966);
+        background: linear-gradient(#3a5e7e, #2c9966);
 
-    //     border: variables.$thin-border-stroke variables.$dark-bg-border-color;
+        border: variables.$thin-border-stroke variables.$dark-bg-border-color;
 
-    //     &:hover {
-    //         cursor: pointer;
-    //         background: linear-gradient(color.adjust(#3a5e7e, $lightness: -1%), color.adjust(#2c9966, $lightness: -10%));
-    //     }
+        &:hover {
+            cursor: pointer;
+            background: linear-gradient(color.adjust(#3a5e7e, $lightness: -1%), color.adjust(#2c9966, $lightness: -10%));
+        }
 
-    //     &:focus {
-    //         cursor: pointer;
-    //         background: linear-gradient(color.adjust(#3a5e7e, $lightness: -1%), color.adjust(#2c9966, $lightness: -10%));
-    //     }
+        &:focus {
+            cursor: pointer;
+            background: linear-gradient(color.adjust(#3a5e7e, $lightness: -1%), color.adjust(#2c9966, $lightness: -10%));
+        }
 
-    //     &:active {
-    //         cursor: pointer;
-    //         box-shadow: inset 0 3px 10px 1px color.adjust(#2c9966, $lightness: -3%);
-    //     }
-    // }
+        &:active {
+            cursor: pointer;
+            box-shadow: inset 0 3px 10px 1px color.adjust(#2c9966, $lightness: -3%);
+        }
+    }
+    */
 
     @else if $color == lightblue {