Skip to content
This repository was archived by the owner on Dec 28, 2021. It is now read-only.

on v4.0.0 some nesting forms are not allowed anymore #34

Closed
cloud-walker opened this issue May 22, 2017 · 2 comments
Closed

on v4.0.0 some nesting forms are not allowed anymore #34

cloud-walker opened this issue May 22, 2017 · 2 comments

Comments

@cloud-walker
Copy link

On my stack I use BEM and I usually nest like this:

.header {
  position: relative;
  background: $color-primary;
  border-bottom: solid 1px rgba(255, 255, 255, 0.15);

  &__container {
    display: flex;
    align-items: center;
    min-height: calc($spacing-unit * 3);
    @mixin container;

    @media screen and (max-width: $width-md) {
      flex-wrap: wrap;
      padding: 0 $spacing-small;
    }
  }

But v4.0.0 it seems to break support of this form of nesting, and the Changelog says only this:
schermata 2017-05-22 alle 11 46 12

What I'm doing wrong?

@cloud-walker
Copy link
Author

I've found this issue: #17 postcss-nesting is not for me then, I'll close this, thanks anyway!

@jonathantneal
Copy link
Collaborator

@cloud-walker, that is completely understandable. Concatenative selectors are useful and tricky (as #17 shows). For that kind of Sassy nesting, I very much recommend PostCSS Nested.

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

No branches or pull requests

2 participants