1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-18 06:42:10 +00:00
seirdy.one/themes/etch-custom/layouts
rohan kumar e8f31f9f08
Adjust text width/responsiveness
- Text width was too wide on wide screens; reduce it.
- Make the nav-links' responsive layout for narrow viewports trigger at
  a narrower window size. It used to trigger at 600px, but I made it
  trigger at 32rem instead since the nav links aren't too wide. This
  also handles cases where users' default sans-serif fonts are very
  wide: rem measures by character width instead of pixels.
- Make the narrow-optimized multiline-navlinks the default, and make
  widescreens a special case detected with a CSS media query.
  Previously, widescreens were the default; however, this meant that
  browsers that didn't support media queries (like dillo and netsurf)
  couldn't switch to the multi-line navigation at narrow widths. This is
  a good example of progressive enhancement; modern browsers will get
  the same behavior as before, but the lowest common denominator will
  see a better experience.
- Don't further reduce the max-width for narrow screens; narrow screens
  are already narrow. We now have one less CSS rule.
2020-12-17 11:23:37 -08:00
..
_default Switch from <section> to <footer> 2020-12-11 12:02:33 -08:00
partials Adjust text width/responsiveness 2020-12-17 11:23:37 -08:00
shortcodes Formatting 2020-11-25 00:43:39 -08:00
404.html Batman!! (this commit has no parents) 2020-11-03 15:52:34 -08:00
index.html Batman!! (this commit has no parents) 2020-11-03 15:52:34 -08:00