wocss-tools-breakpoints

[DEPRECATED] wocss' breakpoints mixins

Usage no npm install needed!

<script type="module">
  import wocssToolsBreakpoints from 'https://cdn.skypack.dev/wocss-tools-breakpoints';
</script>

README

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