diff --git a/index.html b/index.html
index 724db92..816ec4e 100644
--- a/index.html
+++ b/index.html
@@ -169,6 +169,15 @@
Test4
+
+
+
+ - Test1
+ - Test2
+ - Test3
+ - Test4
+
+
diff --git a/scss/elements/lists.scss b/scss/elements/lists.scss
index 1234ad6..9512b4b 100644
--- a/scss/elements/lists.scss
+++ b/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);
+ }
}