Mixins

The Ushahidi Platform uses Bourbonarrow-up-right, a Sass mixin library. While Bourbon covers most of our mixin needs, there are times when custom mixins are needed. When that is the case each custom mixin is given it's own .scss file in the mixinsarrow-up-right directory which are then @imported via the _mixins.scssarrow-up-right file.

Bourbon Mixins

Custom Mixins

Create a custom mixin when anticipating a reusable block of css.

Example Mixin

@mixin rotate($deg: 90deg) {
    -webkit-transform: rotate($deg);
    -moz-transform: rotate($deg);
    -ms-transform: rotate($deg);
    -o-transform: rotate($deg);
    transform: rotate($deg);
}
  • The mixin title is rotate

  • The default degree value is 90 degrees

How to Use

  • The mixin is called with @include

  • 75deg overrides the 90deg default