49a7d9d20d
Style .page-summary__date with the sans font family
2024-07-06 11:08:44 -07:00
67cd4277c0
Add extra margin around the <hr> in the footnotes styles
2024-07-06 11:08:20 -07:00
3cbce149ba
Build the page scaffolding with CSS grid
...
Grid columns are symmetrical. From the outside in, they are:
- outer margin
- inner margin
- wide gutter
- inner gutter
- main content
2024-07-06 11:07:52 -07:00
5dd0748e25
Move site menu below title
2024-07-06 11:05:58 -07:00
f0bc94fdb2
The .content-date style is given by text--small now
2024-07-06 11:03:29 -07:00
8bf2c29d6b
Refine the breadcrumb styles
2024-07-06 11:02:53 -07:00
4328f31ad2
Break out font family sets into separate variables based on style
...
Make CSS variables for sans, serif, and mono font families. Create utility classes
to apply them to an element.
Add a .text--small style to style an element like <small>.
2024-07-06 10:21:54 -07:00
975b56a6be
Move anchor styles to their own stylesheet
2024-07-06 10:20:40 -07:00
11295e1eb2
Move page navigation CSS to its own stylesheet
2024-07-06 10:19:51 -07:00
8c60dbf128
Reset padding in reset.css too
2024-07-06 10:15:23 -07:00
e86e2d85b4
SiteHeader: Use M spacing for the margin of the site-footer
2024-07-03 07:45:42 -07:00
f53f266c9a
SiteHeader: Set the bullet in ::before instead of ::after
...
Set the bullet between nav items in the ::before content rather than the ::after.
I found this lets me control spacing better.
Set the flex gap to XS spacing.
2024-07-03 07:45:11 -07:00
c878427e2e
Structure: Limit <img> elements to 100% of their container
...
Set max-width to 100%.
2024-07-03 07:43:34 -07:00
b4148c3584
Typography: Fix up indentation of text size scale classes
2024-07-03 07:42:57 -07:00
4f147b6b7a
Typography: Implement a hover animation for <a> elements
2024-07-03 07:42:39 -07:00
7fd398bd01
Typography: Declare Merriweather @font-faces
2024-07-03 07:42:22 -07:00
199731551e
Structure: Express content width in terms of rems
2024-07-03 07:41:23 -07:00
6913813f80
Page Summary: Use XS spacing after the header elements
2024-07-03 07:41:23 -07:00
7449228242
Footnotes: Add some basic styling for footnotes
2024-07-03 07:41:23 -07:00
c735de67d9
Page Summary: Adjust spacing around page dates
2024-07-03 07:41:23 -07:00
5cf12c7a39
Spacing: Add .figure--image to the list of blocks with large vertical margins
2024-07-03 07:41:23 -07:00
a5e5d04b9f
page_breadcrumb: Implement a breadcrumb and display it above the <main> content
...
The breadcrumb shows navigation from the home page as a path:
/ > Posts > This Post
en.yaml
2024-07-03 07:41:23 -07:00
b50f4c6a92
Move styles for content elements to 099_content.css
2024-07-03 07:41:23 -07:00
32b04bc184
Replace bespoke codeblock theme with Dracula theme
...
https://draculatheme.com
2024-07-03 07:30:39 -07:00
d6537af00c
Move the site-header styles to site_header.css
2024-06-29 14:14:52 -07:00
a8fd6e550f
Implement a clever margin trick
...
This trick centers content and ensures a minimum margin of spacing size S.
https://stackoverflow.com/questions/70323075/how-i-can-use-min-and-max-css-functions-to-work-with-auto
2024-06-29 10:31:21 -07:00
0ff918898b
Set heading spacing to L above and M below
2024-06-29 10:30:17 -07:00
5f4b20bd58
Never meant to commit this. Oops!
2024-06-29 10:29:58 -07:00
45b0c117e0
Reimplement the size_scale partial as base/_size_scale.html
...
I accidentally deleted it. Move it here and reimplement it.
2024-06-29 10:29:49 -07:00
16536744ee
Bring over the gradient from erynwells.me as a .text-color--gradient class
2024-06-29 10:28:41 -07:00
11a677476b
Page summary view template
2024-06-28 09:10:55 -07:00
4bc1390b3c
CSS Checkpoint
...
- Add the system_css template
- Name the CSS files in the css directory with a numeric prefix so they sort by
priority.
2024-06-28 09:03:28 -07:00
74e1dd0177
Add a reset.css
2024-06-07 12:07:29 -07:00
Eryn Wells
34ec240dc0
Fix all the build errors
2024-06-06 20:59:24 -07:00
Eryn Wells
505dee6d90
Add spacing.css and spacing_css.html partial
2024-06-06 14:45:22 -07:00
