stylus - mixiny rubrika: Kódování: CSS

9 xxar3s
položil/-a 19.5.2018

Prosim vas preco sa mixin:

trans(time)
    -webkit-transition: all time ease-in-out
    -moz-transition: all time ease-in-out
    -o-transition: all time ease-in-out
    transition: all time ease-in-out
 
.ui.MobileNavbarExpanded
    padding-top: 100px
    trans: 0.5s

skompiluje na?

.ui.MobileNavbarExpanded {
  padding-top: 100px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
odkaz
5 ma.hajek
odpověděl/-a 20.5.2018

Protože skoro všechny současný kompilátory sami přidávají vendor-prefixy, kde to považují za nutný. A některý nekontrolují, zda-li neduplikují již definované hodnoty...

Takže by ti mělo stačit zadefinovat:

trans(time)
    transition: all time ease-in-out
 
.ui.MobileNavbarExpanded
    padding-top: 100px
    trans: 0.5s

Komentáře

  • xxar3s : diky 22.5.2018

Pro plný přístup na Devel.cz se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.