🚀 go-pugleaf

Nie wiem, jak właściwie nazwać mechanizm, który mi chodzi po głowie i
podejrzewam, że nic takiego nie istnieje, ale spróbuję opisać i może
ktoś, coś zasugeruje.

Otóż chodzi mi o to, żeby stworzyć sobie w HTML obiekt, np:

-----------------------------------
<DIV class="dobra_klasa">
-----------------------------------


A następnie w CSS konstrukcję typu:

-----------------------------------
.klasa_elastyczna {display:flex; [+ zylion linii kodu] }

.klasa_cos { [zylion linii kodu] }

.klasa_costam { [zylion linii kodu] }

.dobra_klasa {
   ZAIMPORTUJ: .klasa_elastyczna;
   ZAIMPORTUJ: .klasa_cos;
   ZAIMPORTUJ: .klasa_costam;
}

-----------------------------------

1) Podejrzewam, że coś podobnego dałoby się zaemulować za pomocą
któregoś z preprocesorów CSS ale chodzi mi nie tyle o uproszczenie
wejściowego kodu, tylko o redukcję rozmiarów CSS-a wysyłanego do
przeglądarki.


2) Wiem, że to samo mogę niby uzyskać przypisując:

<DIV class="klasa_elastyczna klasa_cos klasa_costam">

ale takie rozwiązanie trwale wiąże element z określonymi cechami stylu i
w sumie niewiele różni się od walenia w nim lokalnym style="", a może
będę mieć fantazję, żeby np. w innym projekcie ten sam element strony
nie był już elastyczny i zmiana tego będzie wymagać przeróbki na
poziomie HTML-a a zależałoby mi, żeby to wszystko dało się w ramach
samego CSS ogarnąć.


Niby istnieją var(), ale one przechowują tylko pojedyncze wartości i nie
działają w durnym IE (czyli 3% przeglądaczy).

Jakieś sugestie?

-- 
Freja Draco

Kiedy smok jest w pobliżu, nic nie będzie w stanie ci pomóc,
jeśli nie uwzględnisz go w swoich kalkulacjach.