From 272f6853ce1a7d8536937161bd63492a61ba416e Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Tue, 4 Nov 2025 12:34:10 -0500 Subject: [PATCH] WIP - revising + extending background pattern styling --- packages/webawesome/docs/503.md | 8 +- .../docs/_includes/_dialog-wa-launch.njk | 2 +- .../images/bg-wa-pattern-mono-inverted.svg | 1 + .../docs/assets/images/bg-wa-pattern-mono.svg | 1 + .../webawesome/docs/assets/styles/utils.css | 155 +++++++++------- packages/webawesome/docs/docs/usage.md | 168 ++++++++++++++++++ 6 files changed, 268 insertions(+), 67 deletions(-) create mode 100644 packages/webawesome/docs/assets/images/bg-wa-pattern-mono-inverted.svg create mode 100644 packages/webawesome/docs/assets/images/bg-wa-pattern-mono.svg diff --git a/packages/webawesome/docs/503.md b/packages/webawesome/docs/503.md index fa3e728d7..b2ad9ec09 100644 --- a/packages/webawesome/docs/503.md +++ b/packages/webawesome/docs/503.md @@ -33,9 +33,9 @@ unlisted: true --secondary-opacity: 1.0; } - wa-page.background-grid { - --grid-line-color: color-mix(in oklab, var(--wa-color-text-normal), transparent 96%); - --subgrid-line-color: color-mix(in oklab, var(--wa-color-text-normal), transparent 98%); + wa-page.background-overlay-grid { + --grid-opacity: 0.04; + --subgrid-opacity: 0.02; } wa-page > [slot='main-footer'] { @@ -209,7 +209,7 @@ unlisted: true .vehicle wa-icon[name="bulldozer"] { animation: rumble-bulldozer 0.1s ease-in-out infinite; } - +