[tomaszs]

Czy wiesz że możesz użyć zmiennej currentColor aby ustawić inne kolory na taki sam jak color?

#css #webdev #frontend #javascript #react #angular #ember #html

[tomaszs]

Wynik:

[budyn]

@tomaszs: W sumie nie wiedziałem. Ale i po co jak jest sass

[bi-tek]

Ale i po co jak jest sass

@budyn: Rozwiniesz?

[tomaszs]

@budyn: niby tak, ale czasem currentColor jest lepszy pod tym względem że wymaga mniej kodu.

[Chanandler]

@tomaszs: czy wiesz, że nie potrzebujesz currentColor ponieważ border domyślnie dziedziczy kolor z właściwości color? https://jsfiddle.net/pf1oacu0/

[budyn]

@bi-tek: Trzymasz sobie kolor w prawdziwej zmiennej i jej używasz.
Jak chcesz zmienić wszędzie to zmieniasz raz w jednym miejscu.

https://sass-lang.com/guide

[tomaszs]

@Chanandler: Mój pierwszy pomysł polegał na pokazaniu tej sztuczki z background color 乁(♥ ʖ̯♥)ㄏ

[tomaszs]

@budyn: uuuu... segregacja zmiennych ლ(ಠ_ಠ ლ)

[tomaszs]

@budyn: a tak na poważnie, to ok. W części przypadków lepiej użyć zmiennych SCSS. Ale trzeba po pierwsze mieć SCSS. Jak mamy, to pojawia się pytanie:

Czy ten kolor jest tak ważny, by wyciągać go do wyższego scope. Czy używany go w kilku selektorach? Jak tak: to używamy zmiennej SCSS. Jak nie, to lepiej nie zaśmiecać scopeu i użyć currentColor. #kissnazi

[t.....l]

@tomaszs: można też używać CSS Variables i móc sobie definiować nie tylko kolory ale wszystkie wartości do reużycia i to nawet kontekstowo

[tomaszs]

@tomash-pl: można. Mają dosyć szerokie wsparcie ( poza IE 11 i niszowymi) . MDN ładnie je omawia:

https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties

[t.....l]

@tomaszs: owszem, niemniej IE11 powoli wreszcie odchodzi do lamusa i mam tu na myśli takie poważne odejście, bo wydany kilka dni temu Angular 12 już jest tego wsparcia pozbawiony. W projekcie w którym pracuję też klient rezygnuje ze wsparcia IE11, nawet sam Microsoft wypierdziela support dla IE11 z Office365, wiec można przestać się tym przejmować.

[tomaszs]

@tomash-pl: zawsze mniej roboty jak nie trzeba wspierać IE

[czlowiekboruta]

@tomaszs: @tomash-pl: @budyn: Chyba najlepsze zastosowanie currentColor jest do stylowania ikon (i grafik ogólnie) SVG. Jako kolor ścieżek w pliku ustawia się currentColor i można ikony używać w różnych miejscach, zmienia się jej kolor razem z linkami itp.