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

Convert the simple cases of at-root #80

Open
kizu opened this issue May 8, 2014 · 3 comments
Open

Convert the simple cases of at-root #80

kizu opened this issue May 8, 2014 · 3 comments
Labels

Comments

@kizu
Copy link

kizu commented May 8, 2014

Yes, not all of the @at-root cases could be converted to Stylus now, but the most often used ones are easily convertable as Stylus have root reference. So,

.foo {
  width: 10px;
  @at-root {
    .bar {
      height: 10px;
    }
  }
  @at-root .baz {
    padding: 10px;
  }
}

could be converted to

.foo
  width: 10px
  /
    .bar
      height: 10px
  / .baz
    padding: 10px

When there is a without or with yes, it couldn't be easily transformed to Stylus, but I saw the simple at-root used more often than the one with queries, so it would make sense to support at least it.

@samccone
Copy link
Contributor

samccone commented May 8, 2014

👍 👍

@kizu are you just testing random things in the converter? :)

@kizu
Copy link
Author

kizu commented May 8, 2014

Half that, half — looking at different popular pens on CodePen and see if they could be transformed to Stylus :)

@samccone
Copy link
Contributor

samccone commented May 8, 2014

Cool! well thanks!

@samccone samccone added the bug label May 8, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants