Releases: eduardoboucas/include-media
v1.4.1
-
Change default media expressions syntax
When declaring complex media expressions (i.e. with logical disjunctions), such as Chris Coyier's retina declaration, include-media supports two different syntaxes. The original one declares logical branches as strings in a list.
Syntax 1:
$media-expressions: ( 'retina2x': ( '(-webkit-min-device-pixel-ratio: 2)', '(min-resolution: 192dpi)' ), ) !default;
The second syntax, introduced in v1.3.0 accepts these expressions as simple strings:
Syntax 2:
$media-expressions: ( 'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)' ) !default;
Both syntaxes are supported and produce the same result in RubySass, however Syntax 1 has problems in LibSass. Please use the latest syntax to avoid any issues.
The problem was flagged in #90.
v1.4.0
- Added fallback for browsers that don't support media queries
v1.3.1
- Fixed charset error in LibSass.
v1.3.0
- Added support for for tweakpoints with
media-context()
- Added support for ligatured operators (
≤
and≥
) - Changed development workflow to using Gulp
- Added testing with SassyTester
- Fixed issue with LibSass 3.2.x
More information on this blog post and on the website.
v1.2.1
- Fixed issue with LibSass.
v1.2
v1.1.2
- Fixed issue with gaps in media queries defined in ems
- Added configuration variables to documentation
v1.1.1
- Fixed issue where grunt-sass users were getting errors
- Overall changes consistent with Sass guidelines
- Updated to SassDoc 2
v1.1.0
-
Added better support for ems/rems.
Example:
$breakpoints: (small: "20em", medium: "30em"); @include media(">small", "<medium") {} /* Will produce: */ @media (min-width: 20.065em) and (max-width: 29.935em) {}
When used with the greater-than or less-than operators, the mixin will add or subtract
0.065em
. You can override this behavior by re-declaring$unit-intervals
:$unit-intervals: ("px": 1, "em": 0.065, "rem": 0.065) !default;
v1.0.0
Initial release