|
|
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 |
|
|
|
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 |
|
|
|
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 |
|
|
|
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 |
|
|
|
11295e1eb2
|
Move page navigation CSS to its own stylesheet
|
2024-07-06 10:19:51 -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 |
|
|
|
199731551e
|
Structure: Express content width in terms of rems
|
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 |
|
|
|
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 |
|
|
|
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 |
|
