15cb817dd3
Set line-height to 1 for a <p> with only an <img> child
...
This is an (annoying) quirk of how Hugo renders Markdown. Sometimes images
are embedded in <p> tags, even if the <img> element is produced by a shortcode.
2024-10-10 23:04:15 -07:00
0672ba0740
Add a .img--circular class that makes a circular image with clip-path and shape-outside
2024-10-10 23:02:59 -07:00
6c59f940be
Add <table> to the list of elements that use XXL block margins
2024-10-10 23:02:27 -07:00
5eb9c2c826
Remove the article specifier from these selectors
...
The .content element is no longer an article. It's a <main>.
2024-10-08 22:24:39 -07:00
e1ad32ab12
Add styles for youtube figures
...
Bring over the youtube shortcode from the old theme, and add styles for the figures
it creates. Add the .figure--youtube class to the <figure> element.
2024-10-08 22:24:39 -07:00
9baf615ebd
Clean up the spacing of content header elements stacked next to each other
2024-10-08 22:24:16 -07:00
f7928c2190
Clean up the taxonomy list
...
Make the name of the taxonomy copyable by putting it in the dom, rather than in
the CSS content:.
2024-10-08 21:58:57 -07:00
cd503b1275
Conslidate the root font-size in the html element
...
The size of body text was not being set correctly because of this.
2024-10-08 19:21:15 -07:00
f078b30866
Restyle <ol> and <ul>
...
Use * for unordered lists and fix the number placement in ordered lists
2024-10-07 21:02:29 -07:00
6753b7328c
Always show the header link octothorpe on devices that don't support hover
2024-10-07 21:01:45 -07:00
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
