Diskuze: CSS Custom Properties

Naučíme tě pracovat na home-office.

Zjistit více...

Aktivity

nonsense

Člen

nonsense:26.7.2017 21:27

Ahoj,
docela by se mi hodila vlastnost popsaná v: https://www.w3.org/…variables-1/

V dokumentu uvádí příklad:

:root {
  --main-color: #06c;
  --accent-color: #006;
}
/* The rest of the CSS file */
#foo h1 {
  color: var(--main-color);
}

jenže mě to nechce fungovat. Hodilo by se mi to k jednomu většímu projektu, ale zatím jsem to vzdal, není tolik času to podrobně zkoumat.

Funguje to někomu?

Odpovědět

26.7.2017 21:27

Neaktivní uživatel

Člen

Neaktivní uživatel:26.7.2017 21:50

Ano, funguje, ani jsem nevěděl, že něco takového existuje. Určitě bych si zkontroloval kompatibilitu - https://developer.mozilla.org/…/Web/CSS/--*

a případně sáhl po preprocesoru, kde tohle nemusíš řešít.

Nahoru Odpovědět

26.7.2017 21:50

Neaktivní uživatelský účet

Honza Bittner

Tvůrce

Honza Bittner:30.8.2017 19:21

Bohužel je globálně podporovanost CSS proměnných dost mizerná (80 % – viz http://caniuse.com/#…). Momentálně se tedy nehodí do produkce pro veřejnost.

Vhodnou alternativou však mohou být CSS preprocesory, jako například Sass – http://sass-lang.com. Tu na síti jsem psal pár článků o tomto preprocesoru, tak se můžeš podívat https://www.itnetwork.cz/…ve-portfolio.

Akceptované řešení
+5 Zkušeností

Nahoru Odpovědět

30.8.2017 19:21

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Wal De Mar-Lad

Člen

Wal De Mar-Lad:30.8.2017 20:20

Mne to šlo. A malo by to fungovať vo všetkých nových prehliadačoch. Dokonca čakám len na to, aby to poriadne dotiahli a zbavil by som sa tak sass/less.

Nahoru Odpovědět

30.8.2017 20:20

Libraries over frameworks...

Honza Bittner

Tvůrce

Honza Bittner:30.8.2017 20:25

Momentálně to bzdí jen IE, Edge a mobilní browsery. Možná za rok se to bude dát použít na weby, kde ti je jedno podpora prehistorických prohlížečů, teď bohužel ne.

Nahoru Odpovědět

30.8.2017 20:25

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Wal De Mar-Lad

Člen

Wal De Mar-Lad:31.8.2017 11:45

Ved hej, ako som povedal, len sa neviem dockat Lebo mne prekazaju preprocesory / postprocesory - kompilacia zdrzuje nacitanie, je to zbytocny krok navyse.

Nahoru Odpovědět

31.8.2017 11:45

Libraries over frameworks...

Honza Bittner

Tvůrce

Honza Bittner:31.8.2017 11:58

Což vo tu kompilaci až tak nejde, jde spíše o to, že proměnné v preprocesorech můžeš používat jen před kompilací, což u CSS proměnných máš real-time manipulaci. :-)

No, snad jednou... :-)

Nahoru Odpovědět

31.8.2017 11:58

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 7 zpráv z 7.