Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 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 Other Related TopicsDate#
Is It Time to Un-Sass? (jef/css)91
css, less, preprocessors
Compiling Multiple CSS Files Into One (geo/css)90
css, postcss, tooling
Un-Sass’ing My CSS: Compiling Multiple CSS Files Into One (stu)89
css, postcss
Step Gradients With a Given Number of Steps (ana/fro)88
gradients, css, svg, filters
Tailwind’s “@ apply” Feature Is Better Than It Sounds (zel/css)87
tailwind, mixins, comparisons
Interoperable Tokens (don)86
design-systems, design-tokens, jsx
Create a Toggle Switch in React as a Reusable Component85
react, components, toggles, maintainability, functionality
How Keyboard Navigation Works in a CSS Game (css/fro)84
keyboard-navigation, css
Collaboration, the Future of CSS, Sass, and the Web With Miriam Suzanne (mia/sch)83
videos, interviews, collaboration, css, outlooks
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)82
css, postcss, lightning-css, postprocessors
Getting Started With SCSS—the CSS Preprocessor With Superpowers81
introductions, preprocessors
Sass Features in CSS (chr)80
css
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus79
css, preprocessors, less, stylus, comparisons
The Case for Variables78
css, variables, custom-properties, json, figma
Do Not Drop Sass for CSS77
css, preprocessors
Sass-Like Nesting in Native CSS (ami)76
css, nesting
CSS Nesting (fro)75
css, nesting, comparisons
Is It Time to Replace Sass? (5t3)74
lightning-css, preprocessors
Process CSS or Sass With Lightning CSS (5t3)73
eleventy, css, lightning-css, preprocessors, postprocessors
No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana)72
code-pens, sliders, css, effects
About Modern Sass71
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)70
liquid-design, typography, css, functions
Why Use Sass?69
The Case for Using Sass in 2022 (may)68
preprocessors
In Defense of Sass (5t3)67
preprocessors
Minimum Static Site Setup With Sass (5t3)66
How to Use PostCSS as a Configurable Alternative to Sass (cra)65
how-tos, postcss, tooling
Managing CSS Colors Systems With a Single Source of Truth64
css, colors, maintainability, twig
Comparing Styling Methods in 2020 (chr/css)63
css, less, stylus, postcss, modules, css-in-js, presentational-html, comparisons
When Sass and New CSS Features Collide (ana/css)62
css
Styling Components in React (sma)61
react, components, css, css-in-js, javascript
Introducing Sass Modules (mia/css)60
introductions, modules
Creating a Maintainable Icon System With Sass (tau/css)59
icons, data-urls, maintainability, css
Handling Unused CSS in Sass to Improve Performance (sma)58
css, performance, optimization
Code as Documentation: New Strategies With CSS Grid (css)57
grids, documentation
Where Do You Nest Your Sass Breakpoints? (chr/css)56
Keeping Sass Simple and Speedy on Eleventy (phi)55
eleventy, performance
How to Import a Sass File Into Every Vue Component in an App (sar/css)54
how-tos, vuejs, components
Build a Style Guide Straight From Sass (ben/css)53
style-guides, css, documentation, automation, tooling
Using Sass to Control Scope With BEM Naming (bel/css)52
scope, javascript, css, bem, naming
What’s the Difference Between Sass and SCSS? (kit)51
Getting Started With Sass (dar)50
introductions, preprocessors
Some Extremely Handy “:nth-child” Recipes as Sass Mixins (css)49
css, selectors, mixins, examples
Fluid Responsive Typography With CSS Poly Fluid Sizing (sma)48
typography, responsive-design, liquid-design, css
Loops in CSS Preprocessors (mia/css)47
preprocessors, less, stylus, loops
Working With Colors Guide (sar/css)46
guides, colors, units, functions, preprocessors, less, stylus, blend-modes, css
The State of CSS Reflections (ana/css)45
css, animations, transforms
A Tale of CSS and Sass Precision (kit)44
css
An Interview With Una Kravets (una+/css)43
interviews, css, design
Extending Sass With PostCSS42
postcss, css, tooling
CSS Variables: The Architecture Backbone (sma)41
css, custom-properties, preprocessors
Simplicity in Front-End Tooling (hcr)40
tooling, simplicity, preprocessors, postprocessors, css
Creating Cel Animations With SVG (hey/sma)39
animations, svg, images, css
Using “@ error” Responsibly in Sass (kit)38
errors
Extending in Sass Without Creating a Mess (sma)37
css, selectors, extensibility
Sass and Responsive Typography36
typography, responsive-design
Sass Theming With Configuration Files (oni)35
configuration
Learnings From Using Sass in Large Scale Projects (hcr)34
css, lessons
Selector Specificity With CSS Preprocessors33
css, selectors, cascade, preprocessors, bem
A Vision for Our Sass (ali)32
processes
Approaches to Media Queries in Sass (edu/css)31
css, preprocessors, media-queries, techniques
An Auto-Enforceable SCSS Styleguide30
style-guides, automation, linting, tooling
Why You Should Avoid Sass “@ extend” (kit)29
CSS Sprites With Sass and Compass28
css, images, sprites, compass
Migrating Your Team to Sass27
migrating, collaboration
6 Current Options for CSS Preprocessors26
css, preprocessors, tooling, link-lists, less, stylus
Sass for WordPress Developers25
wordpress
Keep Sass Simple (kit)24
Authoring Critical Above-the-Fold CSS (css)23
css, performance, asynchronicity
Getting Started With Sass and Bourbon22
introductions, preprocessors, tooling
Managing Responsive Breakpoints With Sass (kit)21
media-queries, responsive-design
My Favorite Sass Tools (kit)20
tooling, link-lists
My Current CSS and Sass Styleguide (kit)19
css, conventions, naming, bem, documentation
Sass Tooltip Mixin (geo)18
mixins, tooltips
Conical Gradients in CSS (css)17
css, gradients, colors, mixins
Randomize Sass (geo)16
randomness
The “Other” Interface: Atomic Design With Sass (fon/sma)15
atomic-design
Compile and Monitor Sass From Gumby214
compass, tooling
Sass Style Guide (chr/css)13
style-guides, examples
Thoughts About SCSS and BEM12
bem, css
Lingering Misconceptions on CSS Preprocessors (chr/css)11
css, preprocessors, less
David Walsh on Redesigning With Sass (chr/css)10
preprocessors, examples, mistakes
Coming Soon: Native CSS Variables (cra)9
css, custom-properties, less
Sass vs. Less (chr/css)8
preprocessors, less, comparisons
Musings on Preprocessing (chr/css)7
preprocessors, css, less, stylus, compass, tooling
Intro to Compass/Sass (chr/css)6
videos, introductions, compass
Getting Started With Sass (dde/ali)5
introductions, preprocessors
An Introduction to Less: Less vs. Sass (sma)4
introductions, preprocessors, less, examples
On CSS Preprocessors (lea)3
css, preprocessors, less
CSS Gets More Sassy With Version 3 (dal/aja)2
css
Sass to CSS Converter1
tools, exploration, conversion, css, preprocessors