search

charisTheo / css-nesting-tool

https://charistheo.github.io/css-nesting-tool/
0 stars 0 forks source link

Media query support? #1

Open saulobraine opened 2 months ago

saulobraine commented 2 months ago

Hey, I've try your tool, is really awesome, but in my tests this example:

.css { @media (width >1024px) { color: white; } }

Returns empty.

charisTheo commented 1 month ago

Neither that or the following are supported at the moment:

From: 

.css { 
  margin: 10px; 
}

@media (width > 1024px) { 
  .css {
    color: white; 
  } 
}

To: 

.css {
  margin: 10px;

  @media (width > 1024px) {
   color: white;
  }
}

This is gonna take some time to figure out pros and cons of this approach and if it is more efficient in real-life scenarios. Feel free to drop a PR if you can and we can test it out.