search

rafaelrinaldi / atomify

Automatically atomify your CSS (draft)
32 stars 1 forks source link

How to handle media queries? #1

Closed rafaelrinaldi closed 8 years ago

rafaelrinaldi commented 8 years ago

@chrisjames-work raised a very interesting and tricky scenario which are media queries. How to isolate a pattern that has multiple media query rules (and still make sense)?

.container {
  width: 100%;
  padding: 3rem;

  @media (min-width: 800px) {
    width: 50%;
  }
}

.full-width {
  width: 100%;

  @media (min-width: 800px) {
    width: 90%;
  }
}
rafaelrinaldi commented 8 years ago

Closing because #2