DEV Community

Cover image for Sass string interpolation
ccsunny
ccsunny

Posted on

Sass string interpolation

#saas #scss #css 
// Sass string interpolation syntax is #{VARIABLE} 
$block: ".MyComponent";

#{$block} {
  &-title {
    #{$block}--xmasTheme & {
    }
  }
}

// Compiles to
.MyComponent {}
.MyComponent-title {}
.MyComponent--xmasTheme .MyComponent-title {}
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

dev007777 profile image

Modern HTML5 Boilerplate

TheDev -

alvaromontoro profile image

Halloween, (CSS) Masks, and Logic Gates

Alvaro Montoro -

areeb_anwar_813df06ee1124 profile image

2024 CSS Buttons: Crafting a Stunning Aurora Glow Button in Just 4 Easy Steps

WEBDEVTALES -

trevoirwilliams profile image

Getting Started with ASP.NET Core API, EF Core, and PostgreSQL on Neon

Trevoir Williams -