Processing Sass with Gulp: Streaming Vinyl Objects and Sourcemaps
Learn how to configure Gulp to compile Sass with sourcemaps using Vinyl objects, return streams, and avoid common pitfalls.
Loading…
ReadMeFeed / Community knowledge
Sass
Real questions. Useful conversations. Find the people who know your stack.
Sass
Frameworks & web · #sass
gulpUsing Jeet’s column-span mixin for responsive column widths
Learn how Jeet’s column-span mixin sets responsive column widths by automatically subtracting gutters, with a worked Sass example, limits, and verification steps.
jeetBuilding a Lightweight Design System with Bulma's Modular Sass
Bulma's modular Sass architecture lets you import only the components you need and customize design tokens before compilation — producing a tiny, tailored stylesheet without JavaScript dependencies or content-scanning build steps.
bulmaExtending Bootstrap 5 with Custom Utilities via the Utility API
Learn how to extend Bootstrap 5 with custom utility classes using the Utility API, including a responsive brand background example, trade-offs, and verification steps.
bootstrapWhy Your Sass @import Chains Break — and How @use Fixes the Namespace Problem
Sass's @use and @forward replace the global-namespace chaos of @import with explicit, scoped dependencies. Here's how the module system works, with a migration path that won't break your build.
Implementing the Sass Module System with @use and @forward
Stop using @import in Sass. Learn how to use @use and @forward to implement namespacing, prevent global variable collisions, and build maintainable design systems.
Migrating Sass Stylesheets from @import to the @use Rule for Modular, Namespaced Code
Step‑by‑step guide to replace Sass @import with the @use rule for namespaced, reusable modules and safe variable theming.
Using Sass in CodePen Projects: A Practical Setup Guide
Learn how to enable Sass preprocessing in CodePen Projects for instant live preview, plus optional build commands and the limits you’ll hit on the free tier.
codepenChoosing Between Standard and Custom Design Tokens in Carbon Design System
Guide to deciding when to use Carbon’s Standard design tokens versus Custom overrides, covering maintenance, accessibility, and a concrete Sass override example with validation steps.