Skip to main
Link
Miriam Suzanne answers questions on SitePoint

Sass Toolkits, Live Q&A

I did a live Q&A at SitePoint in August, talking about:

  • Customizing Susy for your projects
  • Other ways to do layouts (and why you might not even need a toolkit)
  • How to select a toolkit, or build your very own!

To be clear: now that we have border-box sizing, grid math can be much simpler. Complex math is only required if you are using margin-based gutters. Move your gutters into padding, and the math is simple. That’s why I don’t use Susy (or any grid system) much any more. percentage(1/5) works great in Sass - and flexbox takes care of the rest.

You can read a summary of the conversation as well – but it leaves out some good bits. ;)

  1. Sass logo in black
on top of bright oklch color gradient
    Link post type

    Sass Color Spaces & Wide Gamut Colors

    Inspect and manipulate the new CSS color formats in Sass!

    CSS has a range of new color functions that support wider color gamuts (like display-p3) and perceptually uniform color adjustments (like oklch). Sass now provides additional tools for working with these new color formats, and converting between them.

    see all Link posts
  2. FD logo repeated on a red background
    Link post type

    5 Questions for Miriam Suzanne

    I talked with Jens Oliver Meiert over at Frontend Dogma about our work here at OddBird, what’s happening in the CSS Working Group, and advice for getting started in frontend development.

    see all Link posts
  3. 12 Days of Web
    Link post type

    CSS @scope

    Keep selector conflicts to a minimum

    The new @scope rule is here! It’s a better way to keep our component styles contained – without relying on third-party tools or extreme naming conventions.

    see all Link posts