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

scope styles to #content (#1217)

Browse Source
This commit is contained in:
Cory LaViska
2025-07-23 17:10:32 -04:00
committed by GitHub
parent d66b552962
commit 3c7bb71a59
1 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
packages/webawesome/docs/docs/resources/visual-tests.md
View File

@@ -6,26 +6,33 @@ wide: true
---
<style>
p {
max-width: 90ch;
}
tbody {
& .wa-grid {
--min-column-size: 5ch;
#content {
p {
max-width: 90ch;
}
& tr th:first-of-type {
width: 20ch;
tbody {
& .wa-grid {
--min-column-size: 5ch;
}
& tr th:first-of-type {
width: 20ch;
}
& th {
vertical-align: middle;
}
& tr:hover {
background-color: color-mix(in oklch, var(--wa-color-fill-quiet), transparent 60%)
}
}
& th {
vertical-align: middle;
wa-divider {
--width: var(--wa-border-width-m);
--spacing: var(--wa-space-3xl);
}
& tr:hover {
background-color: color-mix(in oklch, var(--wa-color-fill-quiet), transparent 60%)
}
}
wa-divider {
--width: var(--wa-border-width-m);
--spacing: var(--wa-space-3xl);
}
</style>