diff --git a/index.html b/index.html index 724db92..816ec4e 100644 --- a/index.html +++ b/index.html @@ -169,6 +169,15 @@
  • 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); + } }