Manila Mixins

A bunch of cool Sass Mixins in part made by me and others curated by me from various sources.

To override some settings just change the settings file or make a copy and import BEFORE Manila 😘

Documentation

Documentation is available at https://mike3run.github.io/manila-mixins/

The Mixins

• Align
• Background
• BEM
• Breakpoints
• Clearfix
• Flex Columns
• Float Columns
• Font Face
• Google Font Importer
• Grid Maker
• Medium Underline
• Placeholder
• Size
• Smart Underline
• Standard Background

Testing

Using jest and sass-true run

$ npm test

Inside each mixin folder there is a [name].test.scss and [name].test.js

See Sass-True library docs for more info

Resources

• Jeet.gs
• Medium.com
• Eager.io
• GetBEM.com
• Jest
• Sass-True