js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Automate Theming listing

Browse Source
This commit is contained in:
Lea Verou
2025-01-03 18:44:11 -05:00
parent bda0ec0313
commit 26b9bbb515
1 changed files with 3 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
docs/docs/theming/index.njk
View File

@@ -1,73 +1,10 @@
---
title: Theming
description: Browse the library of customizable, framework-friendly web components included in Web Awesome.
override:tags: []
---
<p class="index-summary">A theme is a collection of pre-defined CSS custom properties that control global styles from color to shadows. These custom properties thread through all Web Awesome components for a consistent look and feel.</p>
<div class="index-grid">
<a href="/docs/theming/color">
<wa-card with-header>
<div slot="header">
{% include "svgs/theming/color.njk" %}
</div>
<span class="page-name">Color</span>
</wa-card>
</a>
<a href="/docs/theming/typography">
<wa-card with-header>
<div slot="header">
{% include "svgs/theming/typography.njk" %}
</div>
<span class="page-name">Typography</span>
</wa-card>
</a>
<a href="/docs/theming/space">
<wa-card with-header>
<div slot="header">
{% include "svgs/theming/space.njk" %}
</div>
<span class="page-name">Space</span>
</wa-card>
</a>
<a href="/docs/theming/borders">
<wa-card with-header>
<div slot="header">
{% include "svgs/theming/borders.njk" %}
</div>
<span class="page-name">Borders</span>
</wa-card>
</a>
<a href="/docs/theming/focus">
<wa-card with-header>
<div slot="header">
{% include "svgs/theming/focus.njk" %}
</div>
<span class="page-name">Focus</span>
</wa-card>
</a>
<a href="/docs/theming/shadows">
<wa-card with-header>
<div slot="header">
{% include "svgs/theming/shadows.njk" %}
</div>
<span class="page-name">Shadows</span>
</wa-card>
</a>
<a href="/docs/theming/transitions">
<wa-card with-header>
<div slot="header">
{% include "svgs/theming/transitions.njk" %}
</div>
<span class="page-name">Transitions</span>
</wa-card>
</a>
<a href="/docs/theming/component-groups">
<wa-card with-header>
<div slot="header">
{% include "svgs/theming/component-groups.njk" %}
</div>
<span class="page-name">Component Groups</span>
</wa-card>
</a>
</div>
{% set allPages = collections.theming %}
{% include "grouped-pages.njk" %}