Releases: Dan503/mq-scss
Releases · Dan503/mq-scss
Improved the meaning of the "not" shorthand syntax
Added automated unit-tests
v2.1.2 Tagging as v2.1.2
Media type only statements now supported
- Now supports media type only statements. (
@include mq('print')
or@include mq('not' plus (max, 600px))
) - Added the ability to debug mq statements by setting either the local
$debug
setting or the global$mq-debug
setting totrue
. - Added a proper testing/demo environment to the repository (check out repo >
npm i
>gulp --open
). - Added support for
not
as a short-hand fornot screen
media types.
Custom media types!
- Added the ability to define custom media types for individual mq statements.
- BREAKING CHANGE: By default, no media type is added to the media query (previously it added "screen" as the media type to all media queries).
- If upgrading from v1.x you may want to add
"screen"
to the end of all your MQ statements to retain consistency with v1.x. - eg. from
@include mq(max, 800px)
to@include mq(max, 800px, 'screen')
.
- If upgrading from v1.x you may want to add
"inside-width" and "outside-width" are now valid range types
Made inside-width
and outside-width
valid range types that can be used instead of inside
and outside
.
"min-width" and "max-width" are now valid range types
Made min-width
and max-width
valid range types that can be used instead of min
and max
.
All new "plus" keyword!
- Added the
plus
keyword for improved handling of "and" statements. - Changed the breakpoints list example to just a list of variables.
Outside range type can be nested & no more $mq-largest-first variable
- Removed the need for the
$mq-largest-first
variable. You can now state double value breakpoint values in any order. - Outside range types can now be safely nested and take advantage of the Sass nested media queries functionality.
- Updated the MQ variable syntax to what I currently use.
Added $mq-largest-first setting
Added the ability to state the smaller value first by setting an $mq-largest-first
variable to false
.