search

webpack-contrib / purifycss-webpack

UNMAINTAINED, use https://github.com/FullHuman/purgecss-webpack-plugin
MIT License
772 stars 37 forks source link

Error message missing } for nested CSS #107

Closed scriptPilot closed 7 years ago

scriptPilot commented 7 years ago

Hey , thanks for the great piece of code!

One point - with the following CSS code, I get the error "... missing } ...":

.kitchen-sink-material @media (max-width: 767px) {
  .kitchen-sink-material #ks-picker-date-container .picker-items {
    font-size: 21px;
  }
  .kitchen-sink-material #ks-picker-date-container .picker-item {
    height: 36px;
    line-height: 36px;
  }
  .kitchen-sink-material #ks-picker-date-container .picker-item span {
    padding: 0 6px;
  }
}

Is there anything wrong with the CSS, as it should be allowed since CSS3 ?

Regards!

bebraw commented 7 years ago

Can you test against Purify directly? It might not support the syntax. Maybe you could preprocess it somehow (postcss).

TheLarkInn commented 7 years ago

Looks like this is just invalid css use. Closing.

screen shot 2017-05-15 at 8 46 55 am