This module is DEPRECATED

Now wocss uses https://github.com/sass-mq/sass-mq as its media queries mixins

Breakpoints

Tool

The wocss-tools-breakpoints module contains simple media queries mixins.

Install using npm:

 $ npm install wocss-tools-breakpoints --save

Usage

With a tool like webpack you can import this module writing:

 // dependencies imports

@import '~wocss-tools-breakpoints';

Mixins

Then you can use these mixins:

from($size)

Styles take effect from the provided measure and above.

 @include from('lg') { ... }

to($size)

Styles take effect from zero up to the provided measure.

 @include to('md') { ... }

from-to($desde, $hasta)

When the screen size is between the two provided measure, the styles in the block will take effect.

 @include from-to(500px, 800px) { ... }

Dependencies

• wocss-settings-breakpoints