<template>
  <ol>
    <slot />
  </ol>
</template>

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

    ":deep(ul), :deep(ol)": {
      margin: "{prose.ol.nested.margin.default}"
    }
  }
})
</style>
