How functions/mixins works in CSS ?

Mixins are a very accessible way of including a number of styles, based totally on a unique input parameter. For example, you would possibly usually favor adding fallback patterns when including border-radius, however, you don’t always understand what value you may want.

@mixin border-radius($radius) {

  -webkit-border-radius: $radius;

  -moz-border-radius: $radius;

  -ms-border-radius: $radius;

  border-radius: $radius; }

 

.box {

  @include border-radius(10px);

}