This module is DEPRECATED
Now each mixin has its own module.
Mixins
The wocss-tools-mixins
module contains a few framework mixins that are required for using any of the rest of wocss.
Install using npm:
$ npm install --save wocss-tools-mixins
Usage
Bem constructor
Breakpoints
Simple media queries mixins.
from($size)
Styles take effect from the provided measure and above.
to($size)
Styles take effect from zero up to the provided measure.
from-to($desde, $hasta)
When the screen size is between the two provided measure, the styles in the block will take effect.
Layout
A few mixins to help tame those layouts.
layout-center($max-width, $padding-x)
Center the element.
.container
layout-wrapper()
It makes an element a container as the container bootstrap.
.container
layout-block()
It makes an element a block.
.container
Resets
reset-input()
Removes any styles that were previously set on a input.
.form-control
reset-list()
Removes any styles that were previously set on a list, clearing out all the margins and padding that are there by default.
.items
reset-link()
Removes any styles that were previously set on links, even that annoying text-decoration.
.article