Sass mixin i hover

Question

Hej

Mam za zadanie stworzyć mixina który przyjmuje jeden parametr - kolor. Po wywołaniu mixin ma dodawać do elementu dwie rzeczy, kolor podany jako parametr ustawia jako background-color oraz dodaje do elementu pseudoklasę hover tak że po najechaniu myszką element się rozjaśnia o 50%. Napisałem coś takiego, ale nie działa, jakieś pomysły dlaczego?

 

@mixin changeColors($color){
    background-color: $color;
        &:hover{
        background-color: lighten($color, 50%)
        }
}

div.box{
    width: 200px;
    height: 200px;
    border: 2px solid black;
    @include changeColors(red);
}

Comments

Zapomniałem dodać że po najechaniu na box hover działa ale zmienia kolor na biały zamiast na jaśniejszy kolor.

Answer 1

Zapis jest ok - tzn tak, jak go zaprogramowałeś.

Zastanów się jaka, w zapisie liczbowym (np. heksadecymalnym), jest różnica między kolorem czerwonym, a białym.

Comments

Heh no rzeczywiście, jak dałem kolor czarny #000000 to działa :D

Dzięki ;)