Skip to content

Releases: Dan503/mq-scss

Improved the meaning of the "not" shorthand syntax

13 Jul 16:33
Compare
Choose a tag to compare

'not' is now short hand for not all instead of not screen. This is more what I was trying to go with originally but I wasn't sure what the proper syntax was.

Added automated unit-tests

13 Jul 16:32
Compare
Choose a tag to compare
v2.1.2

Tagging as v2.1.2

Media type only statements now supported

13 Jul 16:31
Compare
Choose a tag to compare
  • 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 to true.
  • Added a proper testing/demo environment to the repository (check out repo > npm i > gulp --open).
  • Added support for not as a short-hand for not screen media types.

Custom media types!

13 Jul 16:26
Compare
Choose a tag to compare
  • 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').

"inside-width" and "outside-width" are now valid range types

13 Jul 16:25
Compare
Choose a tag to compare

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

13 Jul 16:24
Compare
Choose a tag to compare

Made min-width and max-width valid range types that can be used instead of min and max.

All new "plus" keyword!

13 Jul 16:22
Compare
Choose a tag to compare
  • 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

13 Jul 16:21
Compare
Choose a tag to compare
  • 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

13 Jul 16:18
Compare
Choose a tag to compare

Added the ability to state the smaller value first by setting an $mq-largest-first variable to false.