border-radius

[ghost]

Hi, i'm wrong waiting to mtyh process this

#element {
    border-radius : 10px;
}

and get this?

#element {
  border-top-right-radius: 10.0px;
  border-bottom-right-radius: 10.0px;
  border-top-left-radius: 10.0px;
  border-bottom-left-radius: 10.0px;
  border-radius-topright: 10.0px;
  border-radius-bottomright: 10.0px;
  border-radius-topleft: 10.0px;
  border-radius-bottomleft: 10.0px;
  -o-border-radius-topright: 10.0px;
  -o-border-radius-bottomright: 10.0px;
  -o-border-radius-topleft: 10.0px;
  -o-border-radius-bottomleft: 10.0px;
  -ms-border-radius-topright: 10.0px;
  -ms-border-radius-bottomright: 10.0px;
  -ms-border-radius-topleft: 10.0px;
  -ms-border-radius-bottomleft: 10.0px;
  -moz-border-radius-topright: 10.0px;
  -moz-border-radius-bottomright: 10.0px;
  -moz-border-radius-topleft: 10.0px;
  -moz-border-radius-bottomleft: 10.0px;
  -webkit-border-radius-topright: 10.0px;
  -webkit-border-radius-bottomright: 10.0px;
  -webkit-border-radius-topleft: 10.0px;
  -webkit-border-radius-bottomletf: 10.0px;
}

Border radius property no longer need a especific vendo prefix?

[ai]

border-radius doesn’t require vendor prefies for a few years! ;)

[ai]

BTW, do not write prefixes after unprefixed. Because browsers sometimes fix property in unprefixed form (for example, -webkit-box-shadow and box-shadow works different) and browser will use only last property (so last property must be unprefixed).

Wrong:

a {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

Good:

a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[ghost]

ok! thanks :)

[MoOx]

This seems not related to myth. Your example on this playground doesn't give your result http://jonathankingston.github.io/mythhub/ Are you using other tools after or before the process ?

[MoOx]

?

[ai]

@MoOx user didn't show Myth output. He show only expected output. He ask, why Myth doesn't do anything with border-radius (so input is equal to output).

[MoOx]

oh lol. Weird. Thanks.