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
c17177aecd
Only add content from a list page if there's actually content to render
2024-10-08 22:33:59 -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
deaf33c0f2
Remove the taxonomy name leader from taxonomy list pages
2024-10-07 20:57:12 -07:00
2a2025bd9f
Clean up the codeblock render template
2024-10-07 20:56:47 -07:00
f353336c9e
Content: Add .page-footer to the list of main content elements
2024-08-08 10:23:08 -10:00
23c0ad3fa8
Blog: Collapse the hierarchy of a single blog post template to a single <main>
...
Remove the nested <article>. It's not necessary.
2024-08-08 09:57:33 -10:00
4f9cffb1ad
Blog: Remove the head_css blocks
2024-08-08 09:57:01 -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
c348571be6
Meta: Add baseURL to hugo config
2024-08-07 08:36:49 -10:00
4aa06d052b
Meta: Update theme metadata
2024-08-07 08:34:11 -10:00
64d002ded2
Meta: Update module identifier to point to github.com
2024-08-07 08:30:33 -10:00
ea26f5f68b
Blog: Move blog styles and content templates to the base repo
2024-08-07 07:43:50 -10:00
2e37336f5e
Update the README
2024-08-06 08:24:59 -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
000353f339
Layouts: Remove date from taxonomy templates
...
Do not show dates on pages where .IsNode is true, rather than using .IsSection.
Apparently taxonomy pages are nodes, but are not sections.
2024-07-25 13:24:33 -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
2da54f09e3
Layouts: Remove whitespace between <pre> and <code> elements in codeblocks
2024-07-25 13:12:10 -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
b130db28e0
Add pages-list shortcode
...
Produces a list of pages in a section.
2024-07-23 09:13:47 -07:00
aee96476a7
Add a latest-page-summary shortcode
...
Produces a summary of the latest page in a given section
2024-07-23 09:13:32 -07:00
bccadced1b
Misc structure styles
2024-07-23 09:13:03 -07:00
