Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: CSS3 @supports

HTML a CSS HTML a CSS CSS3 @supports American English version English version

Aktivity (1)
Avatar
Honza Bittner
Šupák
Avatar
Honza Bittner:19.4.2015 10:40

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
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
Honza Bittner
Šupák
Avatar
Honza Bittner:19.4.2015 10:43

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
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
David Čápka:19.4.2015 10:45

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
Šupák
Avatar
Odpovídá na David Čápka
Honza Bittner:19.4.2015 10:51

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
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
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.