Jarzka / stylefy

Clojure(Script) library for styling user interface components with ease.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Manual styles don't work in media blocks

aeriksson opened this issue · comments

It seems that manual styles in media blocks are ignored.

For instance, the code

{::sf/media {{:min-width :0px} {::sf/manual [[" *" {:border :solid}]]}}}

should produce something like:

@media (min-width: 0px) {
  .prefix_291268972 * {
    border: solid
  }
}

However, it produces the following:

@media (min-width: 0px) {

  .prefix_291268972 {

  }

}

This is true, ::stylefy/manual is not supported inside ::stylefy/media at the moment.

A workaround is to use ::stylefy/manual at the top level and create media queries with at-media Garden helper function (there are some examples of this in the README file).