Nested selectors test : selector_nest()

browserslist

> 1%
last 2 versions

SassMeister-input.scss

// ----
// libsass (v3.5.0.beta.2)
// ----

// Nested selectors test

$modifiers: '.footer','.header', '.main-heading' ;
$modified: '.logo','.title','.sub-title';
$selectors: ();

@each $modifier in $modifiers {
  $selectors: append($selectors, selector_nest($modifier, $modified), 'comma')  ;
}


#{$selectors} {
  value: length($modifiers);
  color: red;
}


.footer,.header {
  .title, .logo {
    color: blue;
  }
}

SassMeister-output.css

.footer .logo, .footer .title, .footer .sub-title, .header .logo, .header .title, .header .sub-title, .main-heading .logo, .main-heading .title, .main-heading .sub-title {
  value: 3;
  color: red;
}

.footer .title, .footer .logo, .header .title, .header .logo {
  color: blue;
}