Vytvářím web se spoustou dynamických věcí v javascriptu a CSS. Vadí mi, že polovina mých rozměrových konstant (pozice a velikosti věcí na stránce) je v mém javascriptu, zatímco ostatní jsou v mém CSS. Existuje dobrý způsob, jak mít „jedno místo“ pro takové konstanty?
Nejprve jsem si myslel, že bych mohl použít generátor CSS jako LessCss nebo SASS, ale v dokumentaci pro ty nevidím žádný způsob, jak získat přístup k deklarovaným konstantám z jiného souboru javascriptu. Může mě někdo upozornit na jasný, idiomatický způsob řešení tohoto problému?
Děkujeme za jakoukoli pomoc!
EDIT:
Abych objasnil, v čem spočívá můj problém:Část mé stránky se skládá z vysoce specializované tabulkové komponenty, kterou jsem od nuly sestavil v javascriptu pro spuštění v prvku canvas. Mám spoustu konstant rozvržení souvisejících s touto komponentou, jako jsou cell_width, cell_height atd., které nejsou standardními vlastnostmi CSS. Ostatní součásti mého webu jsou typičtější a jsou stylizované pomocí CSS. Zajímalo by mě, jestli existuje přijatelný způsob, jak udržovat jedno místo, jak udržovat konstanty stylů CSS a Javascriptu na jednom místě. To by mohlo být buď tím, že nějakým způsobem udržuji „vlastní“ vlastnosti v mém CSS, které se používají pouze při jejich čtení prostřednictvím javascriptu. Nebo, pokud LessCss nebo SASS mají způsob, jak nastavit proměnné prostřednictvím mého vlastního javascriptu před vykreslením, fungovalo by to také. Na internetu jsem však nenašel žádné informace o žádném z těchto témat.
Odpověď
Existuje dobrý způsob, jak mít „jedno místo“ pro takové konstanty?
Šablona stylů.
Poté dynamicky nastavte názvy tříd.
(Alespoň v mnoha případech. Neznáme podrobnosti vašeho problému)