Skip to content

Releases: eduardoboucas/include-media

v1.4.1

19 Jul 19:23
Compare
Choose a tag to compare
  • 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

15 Jul 11:39
Compare
Choose a tag to compare
  • Added fallback for browsers that don't support media queries

v1.3.1

03 Jul 09:33
Compare
Choose a tag to compare

v1.3.0

08 Jun 12:05
Compare
Choose a tag to compare
  • 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

01 Jun 12:03
Compare
Choose a tag to compare

v1.2

20 May 10:31
Compare
Choose a tag to compare
  • Added support for height-based media queries

More information here

v1.1.2

31 Jan 15:59
Compare
Choose a tag to compare
  • Fixed issue with gaps in media queries defined in ems
  • Added configuration variables to documentation

v1.1.1

30 Jan 21:22
Compare
Choose a tag to compare
  • Fixed issue where grunt-sass users were getting errors
  • Overall changes consistent with Sass guidelines
  • Updated to SassDoc 2

v1.1.0

21 Jan 21:40
Compare
Choose a tag to compare
  • 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

15 Jan 21:51
Compare
Choose a tag to compare

Initial release