Mercurial > p > roundup > code
diff website/www/_static/style.css @ 8545:695399dea532
doc: provide card look for "sections" on features page.
Make each section on the features page look like a raised card.
Note the sections aren't headers 8-(. The markup is:
.. container:: card
**pseudo header**
- list stuff
.. container:: card
I can't put:
pseudo header
=============
in there even though each card is its own section. I would like to
have real headers for them (allow text->speech and othr devices
easiera access). Starting a header in column 1 seems to be a
requirement of the syntax 8-(.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Wed, 25 Mar 2026 11:37:03 -0400 |
| parents | 93f9d8622111 |
| children |
line wrap: on
line diff
--- a/website/www/_static/style.css Tue Mar 24 22:11:27 2026 -0400 +++ b/website/www/_static/style.css Wed Mar 25 11:37:03 2026 -0400 @@ -527,6 +527,12 @@ scroll-margin-block-start: 2em; } +/* Make feature blocks look like raised cards for some variety. */ +div.card { + box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; + padding: 1em; +} + /* website only */ /* assume desktop reader for local html files, also no contact page for local doc files */ @@ -604,3 +610,4 @@ white-space: nowrap; padding: 1pt 1em; } +