sass mixin

1@mixin transform($property) {
2  -webkit-transform: $property;
3  -ms-transform: $property;
4  transform: $property;
5}
6.box { @include transform(rotate(30deg)); }
7

1@mixin rtl($property, $ltr-value, $rtl-value) {
2  #{$property}: $ltr-value;
3
4  [dir=rtl] & {
5    #{$property}: $rtl-value;
6  }
7}
8
9.sidebar {
10  @include rtl(float, left, right);
11}
12

1@mixin important-text {
2  color: red;
3  font-size: 25px;
4  font-weight: bold;
5  border: 1px solid blue;
6}

1transition