mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
* initial progress * testing progress * play with naming, utility classes * more tweaking and testing * progress on 12 column grid * add layout index, start documenting * documentation progress * cleanup and doc progress * more doc progress * more progress * final progress hurdle and cleanup * refining and editing * remove sandbox * refactor extra utility classes * layout index improvements * change gap modifiers to utility classes * change align modifiers to utility classes * move layout examples above fold * reduce demo markup * use standard aspect ratio property for wa-frame * change border-radius modifier to utility class * rename wa-grid's 'min-inline-size' to 'min-column-size' * clean up comments * rename wa-align-* to wa-align-items-* * break out style utilities from layout * clean up
2.3 KiB
2.3 KiB
title, description, layout
| title | description | layout |
|---|---|---|
| Layout | Browse Web Awesome's components and utilities for creating responsive web layouts. | page-outline |
Layout components and utility classes help you organize content that can adapt to any device or screen size. Browse the collection of responsive layout tools included in Web Awesome Pro.
Components
{% include "svgs/thumbnail-placeholder.njk" %}
Page
Utilities
{% include "svgs/layout/cluster.njk" %}
Cluster
{% include "svgs/layout/flank.njk" %}
Flank
{% include "svgs/layout/frame.njk" %}
Frame
{% include "svgs/layout/grid.njk" %}
Grid
{% include "svgs/layout/split.njk" %}
Split
{% include "svgs/layout/stack.njk" %}
Stack