Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

Znáte CSS3 podmínky @supports? Vypadá to dost dobře! :)

http://caniuse.com/#…
https://developer.mozilla.org/…SS/@supports

Odpovědět  +2 19.4.2015 10:40
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

S preprocesory je pak zápis o dost lepší - asi nějak takhle (nezkoušel jsem):

.el {
  margin: 0 auto;
  margin-top: 100px;

  @supports (display: flex) {
    display: flex;
    margin-top: 0;
    align-items: center;
  }
}
Nahoru Odpovědět 19.4.2015 10:43
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
David Čápka:

A co když supporsts není supportované? :D

Nahoru Odpovědět  +5 19.4.2015 10:45
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na David Čápka
Honza Bittner:

Tak běžně bych s tím pracoval např. tak, že bez @supports to je pro mě pravěké (=> IE a mobily), takže tam bych využíval pro centrování marginy atd. a s @supports (display: flex) bych využíval už super cool flexbox... :)

Nahoru Odpovědět 19.4.2015 10:51
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
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 4 zpráv z 4.