Bug on scss/dependencies/core.scss

[3den]

I have installed slds with bower and I and getting an error Invalid CSS after "": expected selector, was "" when it is included.

// application.scss
@import "salesforce-lightning-design-system/scss/index";
// the @import above throws => Invalid CSS after "": expected selector, was ""

The error is on scss/dependencies/core.scss:24.

@mixin core($scoped: null, $globals: null) {
  @if $scoped == 'scoped' {
    $scoped-selector: '&';
    $scoped-root:     $scoped-selector;
    $scoped-body:     '&:not(html), body';
  }

  $scoped-selector: '' !default;
  $scoped-root:     'html' !default;
  $scoped-body:     'body' !default;

  // This will throw and error because it will try to create a style with no selector...
  // the fix is to skip this code instead of creating a bogus selector  
  #{$scoped-selector} {
    ...
  }
  ...
}

[kaelig]

Thank you @3den, we were actually fixing this today!

In the mean time, a workaround is to use node-sass instead of Ruby Sass. Thank you for your patience and apologies for the inconvenience.

[3den]

@kaelig i sent a PR to fix that bug already please take a look => #174

[3den]

if you need more changes there please let me known and I can do it.

[kaelig]

Thank you for your patience, this was just fixed in the latest version of the Lightning Design System!

See full release notes: https://www.lightningdesignsystem.com/release-notes/

[3den]

:+100: