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

PseudoClasses do not resolve correct #136

Closed
matsrietdijk opened this issue Jun 30, 2016 · 3 comments
Closed

PseudoClasses do not resolve correct #136

matsrietdijk opened this issue Jun 30, 2016 · 3 comments
Assignees
Labels

Comments

@matsrietdijk
Copy link

For example:

[ a 
    [ color (hex "#000000")
    , hover
        [ color (hex "#111111") ]
    , active
        [ color (hex "#222222") ]
    , disabled
        [ color (hex "#333333") ]
    ]
]

Results in:

a { color: #000000 }
a:hover { color: #111111 }
a:hover:active { color: #222222 }
a:hover:active:disabled { color: #333333 }
@matsrietdijk matsrietdijk changed the title Multiple PseudoClasses do not resolve correct PseudoClasses do not resolve correct Jun 30, 2016
@matsrietdijk
Copy link
Author

matsrietdijk commented Jun 30, 2016

Also if adding statements after a pseudo class the generated css is not as expected.
for instance:

[ a 
    [ hover
        [ backgroundColor (hex "#000000") ]
    , color (hex "#1111111")
    ]
]

Results in:

a:hover { 
    background-color: #000000;
    color: #111111
}

@rtfeldman
Copy link
Owner

Thank you for the concise, detailed explanations! That will definitely help.

@rtfeldman
Copy link
Owner

Fixed in #142 and #143 and released as 4.0.1.

Thanks @tolgap for the fixes, and @matsrietdijk for the excellent error report!

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