Tiny Mixins (Sass):

Clearfix

@mixin clearfix() { /* ... */ }

Usage:

.container {
    @include clearfix;
}

Reset

@mixin reset() { /* ... */ }

Usage:

@include reset;

Triangle

@mixin triangle($direction, $width, $height, $color) { /* ... */ }

Arguments:

• $direction: to (top|right|bottom|left){1, 2}
• $width: width
• $height: height
• $color: color

Usage:

.element {
    @include triangle(to right bottom, 30px, 25px, #000);
}