Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“sass” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: preprocessors (non-exhaustive) · “sass” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Is It Time to Un-Sass? (jef/css)104
css, less, preprocessors
Compiling Multiple CSS Files Into One (geo/css)103
css, postcss, tooling
Un-Sass’ing My CSS: Compiling Multiple CSS Files Into One (stu)102
css, postcss
Step Gradients With a Given Number of Steps (ana/fro)101
gradients, css, svg, filters
Tailwind’s “@apply” Feature Is Better Than It Sounds (zel/css)100
tailwind, mixins, comparisons
Interoperable Tokens (don)99
design-systems, design-tokens, jsx
Replacing Sass’ “darken()” and “lighten()” Functions With Pure CSS (sjo)98
css, functions
Create a Toggle Switch in React as a Reusable Component97
react, components, toggles, maintainability, functionality
How Keyboard Navigation Works in a CSS Game (css/fro)96
keyboard-navigation, css
Collaboration, the Future of CSS, Sass, and the Web With Miriam Suzanne (mia/sch)95
videos, interviews, collaboration, css, outlooks
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)94
css, postcss, lightning-css, postprocessors
Getting Started With SCSS—the CSS Preprocessor With Superpowers93
introductions, preprocessors
Sass Features in CSS (chr)92
css
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus91
css, preprocessors, less, stylus, comparisons
The Case for Variables90
css, variables, custom-properties, json, figma
Do Not Drop Sass for CSS89
css, preprocessors
Sass-Like Nesting in Native CSS (ami)88
css, nesting
CSS Nesting (fro)87
css, nesting, comparisons
Is It Time to Replace Sass? (5t3)86
lightning-css, preprocessors
Process CSS or Sass With Lightning CSS (5t3)85
eleventy, css, lightning-css, preprocessors, postprocessors
No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana)84
code-pens, sliders, css, effects
About Modern Sass83
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)82
liquid-design, typography, css, functions
Why Use Sass?81
The Case for Using Sass in 2022 (may)80
preprocessors
In Defense of Sass (5t3)79
preprocessors
Minimum Static Site Setup With Sass (5t3)78
How to Use PostCSS as a Configurable Alternative to Sass (cra)77
how-tos, postcss, tooling
Managing CSS Colors Systems With a Single Source of Truth76
css, colors, maintainability, twig
Comparing Styling Methods in 2020 (chr/css)75
css, less, stylus, postcss, modules, css-in-js, presentational-html, comparisons
When Sass and New CSS Features Collide (ana/css)74
css
Styling Components in React (sma)73
react, components, css, css-in-js, javascript
Introducing Sass Modules (mia/css)72
introductions, modules
Creating a Maintainable Icon System With Sass (tau/css)71
icons, data-urls, maintainability, css
Handling Unused CSS in Sass to Improve Performance (sma)70
css, performance, optimization
Code as Documentation: New Strategies With CSS Grid (css)69
grids, documentation
Where Do You Nest Your Sass Breakpoints? (chr/css)68
breakpoints
Keeping Sass Simple and Speedy on Eleventy (phi)67
eleventy, performance
How to Import a Sass File Into Every Vue Component in an App (sar/css)66
how-tos, vuejs, components
Build a Style Guide Straight From Sass (ben/css)65
style-guides, css, documentation, automation, tooling
Using Sass to Control Scope With BEM Naming (bel/css)64
scope, javascript, css, bem, naming
What’s the Difference Between Sass and SCSS? (kit)63
Getting Started With Sass (dar)62
introductions, preprocessors
Some Extremely Handy “:nth-child” Recipes as Sass Mixins (css)61
css, selectors, mixins, examples
Fluid Responsive Typography With CSS Poly Fluid Sizing (sma)60
typography, responsive-design, liquid-design, css
Using Sass to Automatically Pick Text Colors (ser)59
contrast, colors
Loops in CSS Preprocessors (mia/css)58
preprocessors, less, stylus, loops
How to Write Your Own Custom Sass Functions57
how-tos, functions, examples
Working With Colors Guide (sar/css)56
guides, colors, units, functions, preprocessors, less, stylus, blend-modes, css
The State of CSS Reflections (ana/css)55
css, animations, transforms
An Introduction to Sass Data Types, Operators, and Functions54
introductions
A Tale of CSS and Sass Precision (kit)53
css
An Interview With Una Kravets (una+/css)52
interviews, css, design
Sass: The “@mixin” Directive51
mixins, examples
Sass: The “@extend” Directive50
examples
Extending Sass With PostCSS49
postcss, css, tooling
Sass: The “@import” Directive48
examples
Sass: The “@media” Directive47
examples
CSS Variables: The Architecture Backbone (sma)46
css, custom-properties, preprocessors
How to Use Sass Variables45
how-tos, variables, examples
The Pros and Cons of Nesting Your Sass Code44
nesting, comparisons
Simplicity in Front-End Tooling (hcr)43
tooling, simplicity, preprocessors, postprocessors, css
Introduction to Sass42
introductions, css, preprocessors
Creating Cel Animations With SVG (hey/sma)41
animations, svg, images, css
Using “@error” Responsibly in Sass (kit)40
errors
Extending in Sass Without Creating a Mess (sma)39
css, selectors, extensibility
Sass and Responsive Typography38
typography, responsive-design
Sass Theming With Configuration Files (oni)37
configuration
Learnings From Using Sass in Large Scale Projects (hcr)36
css, lessons
Selector Specificity With CSS Preprocessors35
css, selectors, cascade, preprocessors, bem
A Vision for Our Sass (ali)34
processes
Approaches to Media Queries in Sass (edu/css)33
css, preprocessors, media-queries, techniques
An Auto-Enforceable SCSS Styleguide32
style-guides, automation, linting, tooling
Why You Should Avoid Sass “@extend” (kit)31
CSS Sprites With Sass and Compass30
css, images, sprites, compass
Migrating Your Team to Sass29
migrating, collaboration
6 Current Options for CSS Preprocessors28
css, preprocessors, tooling, link-lists, less, stylus
Sass for WordPress Developers27
wordpress
Keep Sass Simple (kit)26
Authoring Critical Above-the-Fold CSS (css)25
css, performance, asynchronicity
Getting Started With Sass and Bourbon24
introductions, preprocessors, tooling
Managing Responsive Breakpoints With Sass (kit)23
media-queries, breakpoints, responsive-design
My Favorite Sass Tools (kit)22
tooling, link-lists
My Current CSS and Sass Styleguide (kit)21
css, conventions, naming, bem, documentation
Sass Tooltip Mixin (geo)20
mixins, tooltips
Sass for Web Designers (sim)19
books, design
Conical Gradients in CSS (css)18
css, gradients, colors, mixins
Randomize Sass (geo)17
randomness
The “Other” Interface: Atomic Design With Sass (fon/sma)16
atomic-design
Compile and Monitor Sass From Gumby215
compass, tooling
Sass Style Guide (chr/css)14
style-guides, examples
Thoughts About SCSS and BEM13
bem, css
Lingering Misconceptions on CSS Preprocessors (chr/css)12
css, preprocessors, less
David Walsh on Redesigning With Sass (chr/css)11
preprocessors, examples, mistakes
Coming Soon: Native CSS Variables (cra)10
css, custom-properties, less
Sass vs. Less (chr/css)9
preprocessors, less, comparisons
Musings on Preprocessing (chr/css)8
preprocessors, css, less, stylus, compass, tooling
Intro to Compass/Sass (chr/css)7
videos, introductions, compass
Getting Started With Sass (dde/ali)6
introductions, preprocessors
An Introduction to Less: Less vs. Sass (sma)5
introductions, preprocessors, less, examples
On CSS Preprocessors (lea)4
css, preprocessors, less
CSS Gets More Sassy With Version 3 (dal/aja)3
css
Sass to CSS Converter2
tools, exploration, conversion, css, preprocessors
Fluid Type Scale Generator (James Gilyead and Trys Mudford) (j98+)1
tools, exploration, typography, code-generation, css, postcss