Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Spaces and linebreaks after # and around { } messing up interpolation/mixins (SASS/SCSS) #689

Closed
mtbpm opened this issue May 12, 2015 · 0 comments

Comments

@mtbpm
Copy link

mtbpm commented May 12, 2015

original scss:

@mixin itemPropertiesCoverItem($items, $margin) {
  width:              calc((100% - ((#{$items} - 1) * #{$margin}rem)) / #{$items});
  margin:             1.6rem #{$margin}rem 1.6rem 0;
}

beautified scss:

@mixin itemPropertiesCoverItem($items,
$margin) {
  width: calc((100% - ((# {
    $items
  }
  - 1) * # {
    $margin
  }
  rem)) / # {
    $items
  }
  );
  margin: 1.6rem # {
    $margin
  }
  rem 1.6rem 0;
}

problem:

Spaces and linebreaks are inserted after # and around { }. This creates obsolete lines and breaks SASS-Interpolation, which is needed for mixins.

Also notice the obsolete linebreak in between "$items," and "$margin".

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants