feat: add pixel art cursor

Add two png files for the cursor, one to
represent the default cursor and the other
one to be a pointer cursor.

Add the default one for the html tag. And
a `inherited` property for label tag.

The pointer one is being added on the button,
radio, checkbox and a tags.

scss/base/generic.scss

@@ -9,6 +9,10 @@ samp {
   font-family: $font-family;
 }
 
+html {
+  cursor: $cursor-url, auto;
+}
+
 body {
   font-size: $font-size;
   color: $base-color;
@@ -16,6 +20,15 @@ body {
   -webkit-font-smoothing: none;
 }
 
+label {
+  cursor: inherit;
+}
+
+a,
+button {
+  cursor: $cursor-click-url, pointer;
+}
+
 button,
 [type="button"],
 [type="reset"],

scss/base/variables.scss

@@ -4,3 +4,6 @@ $font-size: 16px !default;
 
 $base-color: $color-black;
 $background-color: $color-white;
+
+$cursor-url: url(../assets/cursor.png);
+$cursor-click-url: url(../assets/cursor-click.png);

scss/elements/buttons.scss

@@ -24,7 +24,7 @@
   margin: $border-size;
   text-align: center;
   vertical-align: middle;
-  cursor: pointer;
+  cursor: $cursor-click-url, pointer;
   user-select: none;
 
   @include btn-style($base-color, #fff, #e7e7e7, #adafbc);

scss/elements/checkboxes.scss

@@ -54,7 +54,7 @@
 
   & + span {
     position: relative;
-    cursor: pointer;
+    cursor: $cursor-click-url, pointer;
   }
 
   & + span::before,

scss/elements/radios.scss

@@ -28,7 +28,7 @@
 
   & + span {
     position: relative;
-    cursor: pointer;
+    cursor: $cursor-click-url, pointer;
   }
 
   &:checked + span::before {