NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
nonsense
Člen
Avatar
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?

N

 
Odpovědět
26.7.2017 21:27
Avatar
Neaktivní uživatel
Člen
Avatar
Odpovídá na nonsense
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
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na nonsense
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í
Řešení problému
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.
Avatar
Wal De Mar-Lad
Člen
Avatar
Odpovídá na nonsense
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...
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Wal De Mar-Lad
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.
Avatar
Wal De Mar-Lad
Člen
Avatar
Odpovídá na Honza Bittner
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...
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Wal De Mar-Lad
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.