https://github.com/shelldandy/manila-mixins

A bunch of really cool Sass Mixins
https://github.com/shelldandy/manila-mixins

mixins sass sass-mixins

Last synced: 7 months ago
JSON representation

A bunch of really cool Sass Mixins

• Host: GitHub
• URL: https://github.com/shelldandy/manila-mixins
• Owner: shelldandy
• License: mit
• Archived: true
• Created: 2016-06-19T15:40:36.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2018-04-02T00:54:09.000Z (about 8 years ago)
• Last Synced: 2025-01-07T23:12:35.023Z (over 1 year ago)
• Topics: mixins, sass, sass-mixins
• Language: CSS
• Homepage: https://shelldandy.github.io/manila-mixins/
• Size: 225 KB
• Stars: 15
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![npm version](https://badge.fury.io/js/manila-mixins.svg)](https://badge.fury.io/js/manila-mixins)

[![Build Status](https://travis-ci.org/mike3run/manila-mixins.svg?branch=master)](https://travis-ci.org/mike3run/manila-mixins)

# 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 😘

![Mixins Yo!](http://i.imgur.com/ao0WXBY.gif)

## 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](https://facebook.github.io/jest/) and [sass-true](http://oddbird.net/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