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

porównywanie kolorów w sass

0 głosów
84 wizyt
pytanie zadane 22 czerwca 2017 w HTML i CSS przez Marchiew Mądrala (6,280 p.)
edycja 22 czerwca 2017 przez Marchiew

Witam,
mam takie kod w sass:

@mixin div-tree($color: black) {

    background-color: $color;
    padding: 5px;
    display: block;

    @if $color > #777777 {
        
        color: darken($color, 50%);
        border: 5px solid darken($color, 30%);
    } @else {
        color: lighten($color, 50%);
        border: 5px solid lighten($color, 30%);
    }
}

.div-tree {

    > p {
        @include div-tree();
    }

    span {
        @include div-tree(blue);

         p {
            @include div-tree(white);
        }
    }
}

Po skompilowaniu pokazuje mi:  "undefined operation: black gt #777777" i nie wiem co zrobić, żeby obliczało mi czy podany kolor w argumencie jest mniejszy lub większy od wskazanego.

Z góry dzięki za pomoc

PS. gdy daje "==", "!=" to działa

1 odpowiedź

0 głosów
odpowiedź 22 czerwca 2017 przez wojciech.smolarek Obywatel (1,160 p.)
wybrane 28 czerwca 2017 przez Marchiew
 
Najlepsza

@mixin div-tree($color: black) {
    background-color: $color;
    padding: 5px;
    display: block;
 
    @if lightness($color)  > lightness(#777) {         
        color: darken($color, 50%);
        border: 5px solid darken($color, 30%);
    } @else {
        color: lighten($color, 50%);
        border: 5px solid lighten($color, 30%);
    }
}
 
.div-tree {
 
    > p {
        @include div-tree();
    }
 
    span {
        @include div-tree(blue);
 
         p {
            @include div-tree(white);
        }
    }
}

 

Podobne pytania

0 głosów
2 odpowiedzi 152 wizyt
pytanie zadane 25 marca 2018 w HTML i CSS przez SZYMII Początkujący (380 p.)
0 głosów
1 odpowiedź 102 wizyt
pytanie zadane 24 maja 2017 w C# i .NET przez DODO Bywalec (2,890 p.)
0 głosów
3 odpowiedzi 127 wizyt
pytanie zadane 2 maja 2017 w Grafika i multimedia przez Bakr Mądrala (6,650 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

63,367 zapytań

109,637 odpowiedzi

229,050 komentarzy

44,352 pasjonatów

Przeglądających: 254
Pasjonatów: 19 Gości: 235

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.

...