38e2d8fde0
Replace the arrows in the page navigation with -> and <-
2024-10-07 21:01:01 -07:00
d94c55f886
Remove the Table Of Contents marker in Chrome
2024-10-07 20:58:44 -07:00
f353336c9e
Content: Add .page-footer to the list of main content elements
2024-08-08 10:23:08 -10:00
94a30462da
TablesOfContents: Add an explicit font-size to the TOC items
2024-08-08 09:56:34 -10:00
f02246520a
Footers: Remove the doc comment from page_footer.css
2024-08-08 09:56:13 -10:00
31320914f1
Headings: Add a minimum font size to the anchor hash signs
2024-08-08 09:56:01 -10:00
ea26f5f68b
Blog: Move blog styles and content templates to the base repo
2024-08-07 07:43:50 -10:00
570234947b
Codeblocks: Move color theming to the codeblocks stylesheet
2024-08-02 16:15:34 -07:00
c97b24977d
Codeblocks: Move codeblock styles to their own stylesheet
2024-08-02 16:10:43 -07:00
1ec5084c66
Typography: Use Source Code Pro for the monospace font
...
Grab variable woff2 files from GitHub.
https://github.com/adobe-fonts/source-code-pro/
2024-08-02 16:10:28 -07:00
1cc6ff0e78
Colors: Finish off converting all the colors
2024-08-02 16:09:11 -07:00
deefba4192
SiteHeader: Make the font sizes bigger and bolder
2024-08-02 15:48:07 -07:00
5b1eeee5e9
Structure: Increase the content width to 45rem
2024-08-02 15:47:45 -07:00
97aa739b3f
Use singular or plural taxonomy names depending on how many items are in the taxonomy for the page
2024-08-02 15:47:33 -07:00
1b463e35d8
Use trailing / for sections in the site header
...
Just like `ls`.
2024-08-01 18:22:25 -07:00
8a00cc6de9
Colors: Allow setting the color scheme explicitly
...
In addition to the color scheme changing based on the system setting, enable
setting the color scheme explicitly by adding a color-scheme="light | dark" attribute
on the <html> element.
Doing this was a bit tricky. I originally implemented the grayscale ramp by
reversing it when prefers-color-scheme: dark. This was convenient, but meant that
setting the color scheme explicitly didn't work.
Along the way I discovered the light-dark() CSS function. Deploy that as the preferred
style if the browser supports it. Otherwise, fall back on the prefers-color-scheme
media queries. This function only works if color-scheme: light dark is set on the
:root element.
2024-07-27 23:01:31 -07:00
cb8ad426d5
Headings: Move the anchor #
...
Draw only one hash for headings, and place them in the gutter in wide layouts,
or trailing the heading text in narrow layouts. Do this with grid in the wide
version, and flexbox in the narrow layout.
Add a --text-color-light CSS variable for content that should be lighter than
--text-color-secondary.
2024-07-27 09:30:03 -07:00
c1456a6ee2
Typography: Remove explicit font-size from <p> and <pre>
...
Rely on <body> for font-size.
2024-07-25 13:14:04 -07:00
f705d612ed
Typography: Bring back the font-size ramp 🙃
2024-07-25 13:13:41 -07:00
98fc4867e1
Typography: Remove --text-base-size variable
...
<html> unconditionally sets its font-size to 100%.
2024-07-25 13:13:20 -07:00
2683a148d5
Structure: Make the gutters smaller on screens <= 480px
2024-07-25 13:12:45 -07:00
737ec20e3c
Meta: Remove all the block comments at the top of CSS assets
2024-07-25 13:11:40 -07:00
cbde0f7be2
Typography: Restyle <sup> so it doesn't mess with line spacing
...
Give <sup> elements a line height of 1 and set vertical-align to text-top instead
of sup so it bumps up against the top of the line, rather than pushing above it.
Use a computed text size, rather than a relative percentage too.
2024-07-25 11:08:29 -07:00
fa1c957b7c
Revert "Typography: Scale the font size according to screen size"
...
This reverts commit 1fd1eb9bfd
2024-07-25 10:21:32 -07:00
8d1ce0208a
Structure: Place footnotes in the main column
...
Add .footnotes to the list of selectors that are put in the main content column.
2024-07-25 10:13:06 -07:00
1fd1eb9bfd
Typography: Scale the font size according to screen size
...
Use viewport width units to scale the font size between 100% and 125%.
2024-07-25 09:56:26 -07:00
1ffbee8850
Structure: Collapse the outer grid columns (margins and gutters) on small screens
...
Let the border of the site header and footer touch the edges of the screen too.
2024-07-25 09:55:51 -07:00
bccadced1b
Misc structure styles
2024-07-23 09:13:03 -07:00
1925a0109f
Do not give <img> max-width of 100% by default
2024-07-23 09:12:10 -07:00
97f088e99f
Implement content styles
2024-07-23 09:11:41 -07:00
0e32ba9759
Remove a bunch of styles from the spacing stylesheet
...
These have mostly been disbursed to the stylesheets for individual components.
2024-07-23 09:09:05 -07:00
b1e71c41b8
Clean up the basic color variables
2024-07-23 09:08:30 -07:00
2e28c27f9d
Don't default <header> elements to bold
2024-07-23 09:08:12 -07:00
961efba654
Remove letter spacing from the heading anchor
2024-07-23 09:07:55 -07:00
266e2da090
Simplify the font families
...
Just use the system fonts. Nothing special yet.
2024-07-23 09:06:14 -07:00
0cfc91d26e
Clean up page summary and update styles
2024-07-23 09:04:22 -07:00
234acb08b8
Move blockquote styles to a new quotations stylesheet
2024-07-23 09:03:23 -07:00
2ea86253a3
Set some anchor color and text decoration
...
Remove the animation
2024-07-23 09:00:11 -07:00
4d303b984e
Add a table of contents to the single template
...
Pages can show the table of contents by setting the renderTableOfContents parameter.
2024-07-23 08:57:21 -07:00
3837e77d63
General figure and list element styles
2024-07-23 08:55:59 -07:00
329a73a6e8
Add the page footer stylesheet
2024-07-23 08:54:30 -07:00
461772c1f0
Remove the page breadcrumb because it's not used
2024-07-23 08:54:06 -07:00
d1154de459
Add a page navigation breadcrumb
...
This thing looks like a path. It lists the hierarchy of pages from the home page.
2024-07-23 08:53:34 -07:00
54c371d7e6
Add a page header to the list, single, and taxonomy templates
2024-07-23 08:51:03 -07:00
2878dd8d60
Clean up the site footer
...
It's just a single <aside> that lists the copyright.
2024-07-23 08:49:38 -07:00
7ff79c546d
A generic taxonomy list template
...
This template produces a <ul> list of the terms in the provided taxonomy. The
taxonomy is passed to the template via the `.term` argument, which is a string
name of the taxnomy.
2024-07-23 08:48:46 -07:00
293f0ba957
Improve formatting of code highlighting styles
2024-07-23 08:43:41 -07:00
3b642fa002
Remove page_navigation stylesheet
2024-07-23 08:42:37 -07:00
36bee20ec4
Move site_header.css from 099 to 080
2024-07-23 08:42:25 -07:00
cce432fe0b
RenderHooks: Reconfigure the heading hashes
...
Instead of a single hash in the left gutter, draw <n> hashes where <n> is the
heading level. All of these hashes are part of the anchor text.
2024-07-20 17:29:49 -07:00
