<template>
  <li class="before:absolute before:top-2 before:left-0 before:inline-block before:w-2 before:h-2 before:rounded before:bg-light-40 dark:before:bg-dark-40 relative ps-4"><slot /></li>
</template>

<style>
.HyperMD-list-line
{
  @apply  !py-1;
}
.HyperMD-list-line.hmd-inactive-line > span
{
  @apply before:absolute before:top-2 before:left-0 before:inline-block before:w-2 before:h-2 before:rounded before:bg-light-40 dark:before:bg-dark-40 relative ps-4;
}
.hmd-inactive-line .cm-formatting-list
{
  @apply hidden;
}
.cm-hmd-list-indent
{
  @apply !hidden;
}
</style>