Files
zhaoguiyang.site/.agents/skills/tailwindcss/references/typography-list-style.md
zguiyang bbb2f41591 feat: add new OpenSpec skills for change management and onboarding
- Created `openspec-ff-change` skill for fast-forward artifact creation.
- Introduced `openspec-new-change` skill for structured change creation.
- Developed `openspec-onboard` skill for guided onboarding through OpenSpec workflow.
- Added `openspec-sync-specs` skill for syncing delta specs to main specs.
- Implemented `openspec-verify-change` skill for verifying implementation against change artifacts.
- Updated `.gitignore` to exclude OpenSpec generated files.
- Added `skills-lock.json` to manage skill dependencies.
2026-03-13 13:18:03 +08:00

1.4 KiB

name, description
name description
typography-list-style Controlling list marker style and position with list-style-type and list-style-position

List Style

Utilities for controlling the marker style and position of list items.

Usage

List style type

<ul class="list-disc">
  <li>Disc bullets (default for ul)</li>
</ul>

<ol class="list-decimal">
  <li>Decimal numbers (default for ol)</li>
</ol>

<ul class="list-none">
  <li>No markers (often with custom bullets via before/after)</li>
</ul>

<!-- Custom value -->
<ol class="list-[upper-roman]">Roman numerals</ol>
<ul class="list-(--my-marker)">Custom property</ul>

List style position

<!-- Bullets inside content flow -->
<ul class="list-inside list-disc">
  <li>5 cups chopped Porcini mushrooms</li>
</ul>

<!-- Bullets outside content flow (default) -->
<ul class="list-outside list-disc">
  <li>5 cups chopped Porcini mushrooms</li>
</ul>

Responsive

<ul class="list-none md:list-disc md:list-outside">...</ul>

Key Points

  • list-disc - disc bullets (ul default)
  • list-decimal - decimal numbers (ol default)
  • list-none - no markers
  • Custom: list-[upper-roman], list-[lower-alpha], list-(--var)
  • list-inside - markers inside content box
  • list-outside - markers outside content box (default)