Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: CSS3 @supports

Aktivity
Avatar
Honza Bittner
Tvůrce
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
19.4.2015 10:40
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Honza Bittner
Tvůrce
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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Honza Bittner
David Hartinger:19.4.2015 10:45

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

Nahoru Odpovědět
19.4.2015 10:45
You are the greatest project you will ever work on.
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na David Hartinger
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
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 4 zpráv z 4.