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

ashcodebd profile image

Building a tribute page

Ashraf Mahmood -

kaja_uvais_a8691e947dd399 profile image

How to Create 3D Flip Card Animation Using HTML and CSS

Kaja Uvais -

ashcodebd profile image

Building a product landing page

Ashraf Mahmood -

alvaromontoro profile image

Bad CSS-Dad Jokes (III)

Alvaro Montoro -