<template>
  <ul>
    <slot />
  </ul>
</template>

<style lang="ts" scoped>
css({
  ul: {
    listStyleType: "{prose.ul.list-style-type}",
    margin: "{prose.ul.margin.default}",
    padding: "{prose.ul.padding.default}",
    ":deep(ul), :deep(ol)": {
      margin: "{prose.ul.nested.margin.default}"
    }
  }
})
</style>
