300px*N breakpoint system
The simplest system for screen size breakpoints in responsive design, my 300px*N breakpoint system.
How to Import and Bundle CSS-files Using @import in Sapper
Mostly for my own bad memory, here is a simple way to import CSS files in Sapper, and make it part of your bundle in production using svelte-preprocess and postcss.
Is Tailwind good for teams? CSS is good for me
I have yet to try Tailwind (on a big project), and I’ve found it tempting. I’m sure I would like many parts of it, but there’s also another config to setup and another architecture concept to keep in mind.
Floor Typography CSS 2021
Floor Typography CSS is a light library for a better default, typographic CSS meant to build on. It does a simple reset and normalize; applies a simple, default style for the few needed elements; sets a typographic vertical rythm, and; adds CSS variables for customization. Here are my thoughts on dev. moving forward.
CSS Pseudo-Elements Syntax
Styling of pseudo-elements must be declared with
::before the element in question for one bad but necessary reason.
Adding a NPM CSS library to Sapper or Routify
I’m experimenting here, but this seems like a good way to add a small CSS library from NPM for global styles to a Sapper or Routify (Svelte) app. It has few dependencies and you can benefit from hot reloading.
Floor Typography CSS—A Simple Typographic ‘CSS-Floor’ That Supports Today's Web
I published a small CSS library for a typographic base to build on.