sass-browser-mixins v1.0.0

Sass Browser Mixins

Browser hacks from browserhacks.com for Dart Sass.

Usage

Install the dependency:

yarn add sass-browser-mixins --dev

Add the library:

@use '<path>/sass-browser-mixins' as *;

This library includes three types of CSS hacks:

• Media query hacks
• Feature query hacks
• Selector hacks

Depending on the targeted version, the first type of hack is used.

Supported hacks:

Examples

To target Firefox:

.a {
  color: yellow;

  @include firefox {
    color: red;
  }
}

.a {
  color: yellow;
}

_:-moz-tree-row(hover), .a {
    color: red;
}

To target IE 7:

.b {
  @include ie('8') {
    color: blue;
  }
}

@media \0screen {
  .b {
    color: blue;
  }
}