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

Write an @supports block #165

Open
lambdam opened this issue Aug 28, 2018 · 1 comment
Open

Write an @supports block #165

lambdam opened this issue Aug 28, 2018 · 1 comment

Comments

@lambdam
Copy link

lambdam commented Aug 28, 2018

Hello,

I tried to translate this piece of CSS to Garden but couldn't figure out how to do :

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

This comes from the Dashboard example from Bootstrap 4 (in dashboard.css)

Is there a general way to write a block like this :

@<name> (<conditions>) {
  <rules>
}

Meanwhile I cheated with

(str
  (css ...)
  (clojure.string/replace "@supports ..." #"\s*" "")
  (css ...))

Thank you very much

@zerg000000
Copy link

zerg000000 commented Dec 17, 2018

should be good enough for showing all the use case

(deftest at-supports-test

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

No branches or pull requests

2 participants