Commit Graph

62 Commits

Author SHA1 Message Date
Arthur 9eff1ba5fc
theme: extract more styles (#22734)
Extract shared styling into appropriate utilities.
Improve toc width.
2025-05-30 09:20:56 -07:00
Arthur 1686e58dd1
fix: various theme improvements (#22725)
Harmonize various areas of the theme.
2025-05-30 11:57:20 +02:00
Arthur 038e6dc682
chore: update Tailwind to v4 (#22666)
- Extract classes to utilities and components.
- Reduce number of colors used.
- Harmonize button colors.
- Restyle admonitions.
- Move **Page options** button to main article.
- Various color tweaks.
2025-05-28 08:37:10 +01:00
Craig Osterhout 6827d48e39
style: update nested ol (#22057)
<!--Delete sections as needed -->

## Description

Update style for nested ordered lists to use numbers, then letters, then
roman numerals.

Example:

https://deploy-preview-22057--docsdocker.netlify.app/contribute/components/lists/
https://docs.docker.com/contribute/components/lists/


![image](https://github.com/user-attachments/assets/bdcaf793-e970-402a-8e8a-3c18d5554584)

## Related issues or tickets

<!-- Related issues, pull requests, or Jira tickets -->

## Reviews


- [ ] Editorial review

Signed-off-by: Craig <craig.osterhout@docker.com>
2025-02-21 08:06:46 -08:00
David Karlsson d252d1af82 site: remove kapa css overrides/hacks
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2025-01-30 13:25:23 +01:00
David Karlsson ffd3ccd072 hugo: use render hook for markdown tables
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-10-10 10:46:11 +02:00
David Karlsson cc9890f036 hugo: minimize width of lineno column for code blocks
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-09-20 11:32:42 +02:00
David Karlsson 4443d3640a hugo: update layout architecture
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-09-16 14:43:05 +02:00
David Karlsson 58aa02924d site: improve search ux, add /search page
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-09-12 17:14:01 +02:00
David Karlsson c36309ed8a hugo: render site navigation using sections
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-09-09 10:51:38 +02:00
David Karlsson ea6246b059 hugo: use render hook for callouts
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-08-16 10:28:48 +02:00
David Karlsson 97307d4c66 search: pagefind v1.1.0
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-05-23 14:05:59 +02:00
David Karlsson 7e45b410c9 css: fix rendering issue for code with numbered lines
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-05-08 14:04:08 +02:00
David Karlsson 4e168bc9b2 fix: whitespace breaks for code spans in tables
A regression caused by a bad rebase in #18803

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-05-06 11:33:38 +02:00
David Karlsson 6ccbfa3f64 hugo: use fuse.js search instead of algolia
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-26 14:36:13 +02:00
David Karlsson f41c08f3bd
Revert "Revert "kapa ai 🤖"" 2024-04-25 20:11:53 +02:00
David Karlsson 5b511f126c
Revert "kapa ai 🤖" 2024-04-25 19:54:40 +02:00
David Karlsson aeb11961b6 feat: add Kapa.ai
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-25 18:43:35 +02:00
David Karlsson 28e23d9ccb css: apply basic styles to indented code blocks
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-25 15:35:45 +02:00
David Karlsson cbb8988cb8 css: fix line wraps for code spans
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-25 15:35:37 +02:00
David Karlsson 46a3512a54 hugo: css overhaul
- Remove manual breakpoint definitions and use tailwind defaults
- Fix various overflow and other rendering issues

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-24 18:14:02 +02:00
David Karlsson ccb50a8467 hugo: add tags
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-04-23 10:47:54 +02:00
David Karlsson d29dbaf482 style: design updates march 2024
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-03-04 11:58:08 +01:00
David Karlsson adcb1edfa7 chore: style and script refactor
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-23 15:03:27 +01:00
David Karlsson 5e716537cb site: improve home banner's bg image/color blend
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-08 11:00:38 +01:00
David Karlsson 415b9c60f9 site: fix variable weight for Roboto Flex font
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-08 10:03:00 +01:00
David Karlsson 90d388624e css: add font-display fallback for main webfont
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-07 11:27:25 +01:00
David Karlsson ca143e00d0
Merge pull request #19304 from dvdksn/self-host-fonts
site: self-host fonts
2024-02-07 10:47:15 +01:00
David Karlsson fa81c2d9b5 hack: center the cookie consent closing button
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-06 10:12:26 +01:00
David Karlsson 0f9278b189 site: self-host fonts
Serve web fonts with our own CDN rather than Google's CDN.

This improves the download speed for fonts (dns lookups, reusing tcp
connection with http/2, cache efficiency)

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-02-04 22:36:05 +01:00
David Karlsson 595dfde3b3 site: redesign landing page
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-26 11:20:39 +01:00
David Karlsson 47487acd24 fix: render callout icons
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-25 14:08:48 +01:00
David Karlsson 0ff3eb3aab hugo: migrate font icons to svg
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-25 12:28:38 +01:00
David Karlsson 1f42d72ed3 hugo: support for inline svg icons
This commit adds support for icon optimization using inline svgs,
improving site performance.

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-25 12:28:38 +01:00
David Karlsson a13ad08101 css: add external-link utility class
Adds an .external-link utility class, to be used together with the
existing .link utility, for adding the correct styles to the open_in_new
icon without having to duplicate the markup each time.

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-08 13:17:26 +01:00
David Karlsson d006adfc20 css: add icons utility
Adds an .icon utility class to set ligature text via via a data-icon
attribute on the element. This is a workaround to prevent crawlers from
picking up the font ligature innertext in html directly.

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-08 13:15:58 +01:00
David Karlsson 834db3da41 css: refactor and improve styles
- Refactoring styles to prevent unwanted specificity issues by using
  tailwind directives
- Improve color consistency for code blocks and other components by
  replacing adhoc hex values with theme colors

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-03 14:54:57 +01:00
David Karlsson ed83bfba4b Revert "style: adjust callout colors to match dds alerts"
This reverts commit b77d185c27.
2024-01-02 14:09:46 +01:00
David Karlsson 5abe774df8 fix: code span colors in dark mode
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2024-01-02 13:51:35 +01:00
David Karlsson 0a007cf09d style: color override for code spans in callouts
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-28 20:20:56 +01:00
David Karlsson ce6563475b style: update search button bg to match dds
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-28 20:11:03 +01:00
David Karlsson f1331c5c2c style: adjust callout spacing to match dds alerts
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-28 19:56:50 +01:00
David Karlsson b77d185c27 style: adjust callout colors to match dds alerts
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-28 19:48:11 +01:00
David Karlsson b7e3ae1c69 hugo: use white text for code identifiers
NameOther identifiers had a dark violet color in dark mode, making them
illegible in e.g. code blocks. Changed to plain white.

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-21 16:03:36 +01:00
David Karlsson 2f779a076d hugo: unset font-style and font-weight for code
Italicized and bold text didn't really add any value to code blocks

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-21 15:49:44 +01:00
David Karlsson 0adbe36a0f feat: add invertible class for images
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-10 21:32:40 +01:00
David Karlsson fbab835920 css: improve table display
- Use full reading col width for tables on large screens
- Use `display: block; overflow-x: scroll;` on small screens

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-12-06 20:52:09 +01:00
David Karlsson fb87f9c93f
Merge pull request #18735 from dvdksn/code-hl-lines
feat: add support for hl_lines
2023-11-27 11:01:06 +01:00
David Karlsson 59e685da08 feat: add support for hl_lines
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-11-21 11:35:36 +01:00
David Karlsson cffc6251e3 style: fix margin for li with children
Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
2023-11-21 09:45:51 +01:00