feat(component): Inserting one more example list

Inserting a pointer list to the lists component

#179

index.html

@@ -169,6 +169,15 @@ <h2 class="title">Lists</h2>
           <li>Test4</li>
         </ul>
       </div>
+
+      <div class="lists">
+        <ul class="nes-list is-pointer">
+          <li>Test1</li>
+          <li>Test2</li>
+          <li>Test3</li>
+          <li>Test4</li>
+        </ul>
+      </div>
     </section>
 
     <section class="nes-container with-title">

scss/elements/lists.scss

@@ -16,6 +16,16 @@
     (0, 0, 0, 1, 1, 1, 0, 0),
     (0, 0, 0, 1, 1, 0, 0, 0)
   );
+
+  $pointer: (
+    (1, 1, 1, 0, 0, 0, 0, 0),
+    (0, 1, 1, 1, 0, 0, 0, 0),
+    (0, 0, 1, 1, 1, 0, 0, 0),
+    (0, 0, 0, 1, 1, 1, 0, 0),
+    (0, 0, 1, 1, 1, 0, 0, 0),
+    (0, 1, 1, 1, 0, 0, 0, 0),
+    (1, 1, 1, 0, 0, 0, 0, 0)
+  );
   $colors: ($base-color, map-get($default-colors, "shadow"));
 
   list-style-type: none;
@@ -44,4 +54,13 @@
 
     @include pixelize($arrow, $colors, 2px);
   }
+
+  &.is-pointer li::before {
+    position: absolute;
+    top: calc(50% - 10px);
+    left: -20px;
+    content: "";
+
+    @include pixelize($pointer, $colors, 2px);
+  }
 }