Mixin Overview

Welcome to the Adapt Mixins wiki!

• Coller - Comes in Float version collerFloat - Read more
• Dyncol - Comes in Float version collerFloat - Read more
• Media
• Tablefix (Needs documentation)
• Clearfix (Needs documentation)

Coller (Grid system)

Author: Mads Thines

How to use

Include on the parent of the elements where you want to create the grid system. (Everythings optional)

@include coller(4, 3, 2, 1, 2%, *, alignement, $large, $medium, $small);

or

@include coller(4, 3, 2, 1, 2%, *, $large, $medium, $small);

Dyncol (Dynamic Columns)

Author: Mads Thines

How to use

Include on the parent of the elements where you want to create the grid system. (Everythings optional)

@include dyncol;

or

@include dyncol(2%, *);

• Margin 2% is the margin between the rows
• Selector The selector's element (Only useful if there's other html tags in the same parent)

Media (Media Queries)

Author: Mads Thines

How to use

Include on the selector where you want the media querie to work.

/* $medium: 768px;   // Tablet Horizontal (iPad) */

/* Input */
body {
  @include media($medium up) {
    background: hotpink;
  }
}

/* Output */
@media screen and (min-width: 768px) {
  body {
    background: hotpink;
  }
}