• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Sass mixin i hover

0 głosów
606 wizyt
pytanie zadane 27 lipca 2017 w HTML i CSS przez modest Nowicjusz (210 p.)
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);
}
komentarz 27 lipca 2017 przez modest Nowicjusz (210 p.)
Zapomniałem dodać że po najechaniu na box hover działa ale zmienia kolor na biały zamiast na jaśniejszy kolor.

1 odpowiedź

+1 głos
odpowiedź 27 lipca 2017 przez JayJay Mądrala (5,960 p.)
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.
komentarz 27 lipca 2017 przez modest Nowicjusz (210 p.)
Heh no rzeczywiście, jak dałem kolor czarny #000000 to działa :D

Dzięki ;)

Podobne pytania

0 głosów
1 odpowiedź 97 wizyt
pytanie zadane 26 marca 2016 w HTML i CSS przez hub33k Bywalec (2,860 p.)
0 głosów
0 odpowiedzi 17 wizyt
pytanie zadane 20 maja w HTML i CSS przez aniaska4 Użytkownik (870 p.)
0 głosów
2 odpowiedzi 55 wizyt
pytanie zadane 13 kwietnia w HTML i CSS przez RAD Obywatel (1,820 p.)
Porady nie od parady
Zadając pytanie postaraj się o szczegółowe opisanie problemu oraz udostępnienie wszystkich istotnych informacji (kody źródłowe, zrzuty ekranu itp.).Opisanie problemu

65,755 zapytań

112,393 odpowiedzi

237,318 komentarzy

46,700 pasjonatów

Przeglądających: 126
Pasjonatów: 0 Gości: 126

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...