1.0.0 • Published 7 years ago
blueq v1.0.0
blueq
blueq is a collection of Sass mixins and functions for generating media queries and managing breakpoints
It is developed and maintained internally at bluegrassdigital, but feel free to contribute!
Installation
npm install blueq
Example usage
@import 'blueq/main.scss';
$blueq-breakpoints: (
s: 320px,
m: 576px,
l: 768px,
xl: 1024px,
xxl: 1200px
);
// Min width media query
.foo {
@include blueq-min('l') {
width: 50%;
float: left;
}
}
// Max width media query
.foo {
width: 50%;
float: left;
@include blueq-max('l') {
width: auto;
float: none;
}
}
// Output
// Max width queries are adjusted by 1px, pass false as the second mixin argument to disable
@media (max-width: 767px) {
.foo {
width: 50%;
float: left;
}
}
// Min and max width media queries
.foo {
@include blueq-minmax('l', 'xxl') {
width: 50%;
float: left;
}
}
API
See API docs
Contributing to nestable-grid
Github Flow - branch, submit pull requests
1.0.0
7 years ago