Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Manual styles don't work in media blocks #65

Open
aeriksson opened this issue Oct 19, 2022 · 1 comment
Open

Manual styles don't work in media blocks #65

aeriksson opened this issue Oct 19, 2022 · 1 comment

Comments

@aeriksson
Copy link

aeriksson commented Oct 19, 2022

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 {

  }

}
@Jarzka
Copy link
Owner

Jarzka commented Oct 19, 2022

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).

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

No branches or pull requests

2 participants