- 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.
1.6 KiB
1.6 KiB
name, description
| name | description |
|---|---|
| layout-overflow | Controlling how elements handle content that overflows their container |
Overflow
Utilities for controlling how an element handles content that is too large for the container.
Usage
Basic overflow
Use overflow-auto, overflow-hidden, overflow-visible, overflow-scroll:
<div class="overflow-auto">Scrolls if needed</div>
<div class="overflow-hidden">Clips overflow</div>
<div class="overflow-visible">Shows overflow</div>
<div class="overflow-scroll">Always shows scrollbars</div>
Axis-specific overflow
Use overflow-x-* or overflow-y-* for horizontal/vertical control:
<div class="overflow-x-auto overflow-y-hidden">
Horizontal scroll, vertical clip
</div>
<div class="overflow-x-scroll overflow-y-auto">
Horizontal always scrolls, vertical scrolls if needed
</div>
Overflow clip
Use overflow-clip for clip behavior (similar to hidden but different scroll behavior):
<div class="overflow-clip">Clips without creating scroll container</div>
Key Points
overflow-auto- shows scrollbars only when neededoverflow-hidden- clips content that overflowsoverflow-visible- allows content to overflow (default for most elements)overflow-scroll- always shows scrollbarsoverflow-clip- clips without creating scroll container- Use
overflow-x-*andoverflow-y-*for axis-specific control - Common pattern:
overflow-hiddenfor images,overflow-autofor scrollable content