• 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
87 wizyt
pytanie zadane 22 czerwca 2017 w HTML i CSS przez Marchiew Mądrala (6,310 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 157 wizyt
pytanie zadane 25 marca 2018 w HTML i CSS przez SZYMII Początkujący (380 p.)
0 głosów
1 odpowiedź 67 wizyt
0 głosów
1 odpowiedź 104 wizyt
pytanie zadane 24 maja 2017 w C# i .NET przez DODO Bywalec (2,930 p.)
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

66,324 zapytań

113,061 odpowiedzi

239,218 komentarzy

46,589 pasjonatów

Przeglądających: 252
Pasjonatów: 6 Gości: 246

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.

...