2ebf72c83f
💄 style: keep top/bottom element's margin in `full-width`
...
Again, reverting b1b98eb
2 years ago
8cfab98e72
⏪ ️ fix: revert flex display ( b1b98eb)
2 years ago
b1b98eb2b1
💄 style: retain element's spacing within `full-width`
2 years ago
503f54ab5e
🔥 chore: remove duplicated code
2 years ago
56a53dce0c
🐛 fix: remove flex display on full-width elements
...
Avoids columns being created when multiple items are within the shortcode.
2 years ago
4b38d53693
💄 style: reset margin & padding for children of `.full-width`
2 years ago
fb0dea0106
✨ feat: add wide container shortcode
2 years ago
a799732398
✨ refactor: switch from `@import` to `@use`
...
`@import` is set to be deprecated.
See: https://github.com/sass/sass/blob/main/accepted/module-system.md#timeline
2 years ago
7ccd71736e
✨ feat: add 2 interactive image shortcodes
...
- `image_hover` changes image on mouse hover.
- `image_toggler` swaps image on click.
2 years ago
c53ecdc472
🔥 style: remove dark primary colour variable
2 years ago
e3ee95d718
💄 style: redesign block quotes
2 years ago
05a6d15455
✨ feat: add quick navigation buttons
...
💄 style(dark): change inline code background
♻️ refactor: simplify comment system logic
2 years ago
93c8b577b8
🚧 feat: add utterances support
2 years ago
b76f9bbf44
💄 style: increase body left/right margins
2 years ago
af81f88b92
🎨 refactor: combine and reorder media queries
2 years ago
fcc2cafcdc
💄 style: darken codeblock highlight colour
2 years ago
f5603acbdb
💄 style: reduce bold font-weight
2 years ago
8415535e13
💄 style: add codeblock background colours
2 years ago
fd50204e32
✨ feat: add full-width image option to shortcodes
...
Closes #85
2 years ago
5bdb8045a6
💄 style: set custom header anchor
2 years ago
ab29511d5e
✨ feat: add multilingual quote shortcode
2 years ago
00c7d153c6
💄 style: widen article body; less reading saccades
2 years ago
fa9229377d
✨ feat: add multi-language support
2 years ago
67aad3ef74
💄 style: standarise font rendering across browsers
...
Use Source Serif ttf instead of otf for proper font rendering in Chromium.
Use Cascadia Code SemiLight to reduce filesize.
2 years ago
3275e8a509
📱 style: reduce header-content margin in mobile
...
Except for articles.
2 years ago
87a5c9a3a2
♻️ refactor: simplify sans-serif-font declarations
...
🐛 fix: use sans-serif in article
2 years ago
ea00c9b9df
💄 style: standarise font rendering across browsers
2 years ago
a5981e6fdd
🐛 fix: remove flashing from header text (Firefox)
...
Loads a subset of the sans-serif font for the header.
Fixes #75
2 years ago
1c06c99047
⬆️ feat(fonts): use woff2 & update fonts
...
⬆️ Update Source Serif to latest version
✨ Update Inter font to v4 beta
📸 Update screenshots to reflect font changes
2 years ago
1efb0330e3
🐛 fix: remove flash when navigating in dark-mode
...
The `initialize-theme.js` script takes care of the following:
1. If there is a stored theme value in the localStorage, set the theme
based on that value.
2. If there is no stored theme value, check the user's system
preference (dark or light) and set the theme accordingly.
The new `main.js` takes care of the actual theme switching and listening
to system preference changes (if the user has not manually set a theme).
Now the icons are stored in CSS, and are set according to the current
theme. This allows for having different icons that dynamically switch.
Additionally, wraps social and navigation elements in ul/li.
Fixes #76
2 years ago
a89fc02a96
💄 style: set a minimum value for paragraph spacing
2 years ago
1c07128aeb
💄 style: use theme's primary colour for table headers
2 years ago
7a1bb1d04c
🎨 refactor: improve code format; set tabs = 4 spaces
2 years ago
0f14171b6a
♻️ refactor: move .last-updated to main.scss
2 years ago
a39306f6ef
💄 style: narrower article content for blog posts
2 years ago
15f26293b5
💄 style: reduce text/background contrast
2 years ago
7fbb4d7acd
💄 style: darken background for inline code (dark theme)
2 years ago
76db25b44a
♻️ refactor: standarise left/right margins
2 years ago
e93b33e6b8
🐛 fix: remove horizontall scroll on mobile
2 years ago
845a2f151a
💄 style: increase content bottom margin in small screens
2 years ago
ba19524254
💄 style: simplify colourscheme
...
Improves accessibility and cohesion.
2 years ago
e51f5318d6
♿ ️ style: increase contrast for link hover
2 years ago
cd2ab356be
💄 style: redesign post listing and other minor changes
2 years ago
a761fd00ee
🚧 style: list all posts per tag
2 years ago
1496f0cf73
💄 style: set style for figure & figure captions
2 years ago
c7d50c6399
💄 style: consistent margins above and below content
...
Moves margin from footer to content.
2 years ago
d6c198e379
♻️ refactor: set font types as variables
2 years ago
e4c6705843
💄 style: resize headers
2 years ago
921725cb11
📱 feat: make footer & banner responsive
...
Social icons were too big on smaller screens.
Fix #34
2 years ago
83b7bb9d3a
💄 style: increase margins before content & after ToC
2 years ago
welpo