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

more themes for the demo

Browse Source
This commit is contained in:
Cory LaViska
2023-09-27 14:16:25 -04:00
parent a458f2a6f0
commit 4b0ee8907f
3 changed files with 856 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
docs/pages/experimental/themer.md
View File

@@ -11,7 +11,9 @@ toc: false
<h3>Make it awesome</h3>
<wa-select name="theme" label="Theme" value="default">
<wa-option value="default">Default</wa-option>
<wa-option value="glassy">Glassy</wa-option>
<wa-option value="mellow">Mellow</wa-option>
<wa-option value="playful">Playful</wa-option>
</wa-select>
<wa-select name="heading-text" label="Heading" value="sans-serif">
<wa-option value="serif">Serif</wa-option>
@@ -488,6 +490,7 @@ export function thing() {
}
#style-guide wa-card {
padding: var(--wa-space-xl);
padding-block: var(--wa-space-xl);
padding-inline: var(--wa-space-2xl);
}
</style>