srekoble / collection_of_sass_mixins

A collection of sass mixins

A Collection of sass mixins

This is a collection of sass mixins according to my latest post here: http://vangeltzo.com/posts/collection_of_sass_mixins.html.

The collection consist of 4 mixins and a function

• 1. Centering mixin (with flex)
• 2. Overlay upon image mixin
• 3. Text truncate mixin
• 4. Color theme mixin
• and z-index function

Note: No prefixes added, consider use autopefixer

How to import

There is a single scss file (mixins.scss).

To import mixins into your own scss file:

@import "mixins";

Demo

You can see a demo of each mixin in action in the following links.

• 1. Demo of Centering mixin (with flex)
• 2. Demo of Overlay upon image mixin
• 3. Demo of Text truncate mixin
• 4. Demo of Color theme mixin
• 5. Demo of z-index function

Cheers :)