<commit_before># Modernizr helper mixin

## Installation

Include the `_modernizr.scss` file in your Sass directory and import it into your main stylesheet:

	@import 'modernizr';

### Install with bower

You can optionally install the package using Bower. Simply run the following comand:

	bower install --save-dev modernizr-mixin

### Usage

Requires Sass 3.3.

The Modernizr helper includes two mixins: `yep` and `nope`. Simply pass a comma-separeted list (`argList`) of features as argument and the rules you need to print.

#### yep

Prints classes for supported features.

	@include yep($features...) { ... }

#### nope

Prints classes for unsupported features and unavailable Javascript.

	@include nope($features...) { ... }

#### Example

Sass input:

	.my-selector {
		@include yep(translate3d, opacity) {
			transform: translate3d(0,100px,0);
			opacity: 0;
		}
		@include nope(translate3d, opacity) {
			top: 100px;
			display: none;
		}
	}

CSS output:

	.translate3d.opacity .my-selector {
			transform: translate3d(0,100px,0);
			opacity: 0;
	}

	.no-js my-selector,
	.no-translate3d .selector,
	.no-opacity .selector {
			top: 100px;
			display: none;
	}

## Thanks

Thanks to [<NAME>](https://github.com/hugogiraudel) for reviewing and tweaking the original code.<commit_msg>Improved README<commit_after># Modernizr mixin

A simple way for DRYier, faster and cleaner Modernizr tests in Sass.

## Installation

Download `_modernizr.scss` and place it in your Sass directory. Thenand import it into your main stylesheet:

	@import 'modernizr';

### Install with bower

You can alternatively install the package using Bower. Simply run the following comand:

	bower install --save-dev modernizr-mixin

## Usage

Requires Sass 3.3.

The Modernizr helper includes two mixins: `yep` and `nope`. Simply pass a comma-separeted list (`argList`) of features as argument and the rules you need to print.

### yep

Prints classes for supported features.

	@include yep($features...) { ... }

### nope

Prints classes for unsupported features and unavailable Javascript.

	@include nope($features...) { ... }

### Example

Sass input:

```scss
.my-selector {
	@include yep(translate3d, opacity) {
		transform: translate3d(0, 100px, 0);
		opacity: 0;
	}
	@include nope(translate3d, opacity) {
		top: 100px;
		display: none;
	}
}
```

CSS output:

```css
.translate3d.opacity .my-selector {
		transform: translate3d(0, 100px, 0);
		opacity: 0;
}

.no-js my-selector,
.no-translate3d .selector,
.no-opacity .selector {
		top: 100px;
		display: none;
}
```

## Thanks

Thanks to [<NAME>](https://github.com/hugogiraudel) for reviewing and tweaking the original code.
{'fraction_non_alphanumeric': 0.11886014248218972, 'fraction_numerical': 0.01949756280464942, 'mean_word_length': 3.859744990892532, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4275083', 'n_tokens_mistral': 977, 'n_tokens_neox': 877, 'n_words': 294}