<commit_before>// BORDER RADIUS
// @include border-radius(10px);
// @include border-radius(10px 10px 5px 20px);
// @include border-radius(TL TR BR BL);
@mixin border-radius($arg: 5px) {
	@include prefixer(border-radius, $arg, webkit moz o spec);
}

// DROP SHADOWS
// @include box-shadow(0 1px 3px rgba(0,0,0,.25));
@mixin box-shadow($arg: 0 1px 3px rgba(0,0,0,.25)) {
	@include prefixer(box-shadow, $arg, webkit moz o spec);
}

// TRANSITIONS
// @include transition(all 0.2s ease-in-out)
@mixin transition($arg: all 0.2s ease-in-out) {
	@include prefixer(transition, $arg, webkit moz o spec);
}

// CSS3 CONTENT COLUMNS
@mixin content-columns($columnCount:2, $columnGap: 20px) {
	@include prefixer(column-count, $columnCount, moz webkit spec);
	@include prefixer(column-gap, $columnGap, moz webkit spec);
}

// Background clipping
// @include background-clip(padding-box);
@mixin background-clip($arg: padding-box) {
	@include prefixer(user-select, $arg, moz o spec);
}

// Opacity
// @include opacity(50);
@mixin opacity($opacity: 100) {
	zoom: 1;
	filter: alpha(opacity=$opacity);
	opacity: $opacity / 100;
}

// Background sizing - IE9+
// https://developer.mozilla.org/en-US/docs/CSS/background-size
// http://caniuse.com/#feat=background-img-opts
// @include background-size(50px 40px);
@mixin background-size($arg: contain) {
	@include prefixer(background-size, $arg, webkit moz ms spec);
}

// Box sizing
// http://caniuse.com/#feat=css3-boxsizing
// @include box-sizing(border-box);
@mixin box-sizing($arg: border-box) {
	@include prefixer(box-sizing, $arg, webkit moz ms spec);
}
// User select
// http://caniuse.com/#feat=user-select-none
// @include user-select(none)
@mixin user-select($arg: none) {
	@include prefixer(user-select, $arg, webkit moz ms spec);
}

// TRANSFORMS
// @include transform(scale(1.2) rotate(30deg));
@mixin transform($arg...) {
	@include prefixer(transform, $arg, webkit moz o ms spec);
}

// @include scale(1.2);
@mixin scale($arg: 1.2) {
	@include prefixer(transform, scale($arg), webkit moz o ms spec);
}

// @include rotate(10deg);
@mixin rotate($arg) {
	@include prefixer(transform, rotate($arg), webkit moz o ms spec);
}

// @include skew(30deg, 20deg);
@mixin skew($deg, $deg2) {
	@include prefixer(transform, skew($deg, $deg2), webkit moz o ms spec);
}

// @include translate(100px, 20px);
// @include translate(x, y);
@mixin translate($x:0, $y:0) {
	@include prefixer(transform, translate($x, $y), webkit moz o ms spec);
}

// @include translate3d(100px, 20px, 10px);
// @include translate3d(x, y, z);
@mixin translate3d($x:0, $y:0, $z:0) {
	@include prefixer(transform, translate3d($x, $y, $z), webkit moz o ms spec);
}

// @include perspective(100);
@mixin perspective($arg: 1000) {
	@include prefixer(perspective, $arg, webkit moz o ms spec);
}

// @include transform-origin(center, center);
@mixin transform-origin($args...) {
	@include prefixer(transform-origin, $args, webkit moz o ms spec);
}

// ANIMATION
@mixin animation($name, $duration: 300ms, $delay: 0, $ease: ease) {
	@include prefixer(animation, $name $duration $delay $ease, webkit moz o ms spec);
}

// HYPHENS
// @include hyphens(auto);
@mixin hyphens($hyphenation: none) {
// none | manual | auto
  @include prefixer(hyphens, $hyphenation, webkit moz ms spec);
}
// =================
// === GRADIENTS ===
// =================

// Linear gradients
// ================
// Usage: Gradient position is optional, default is top. Position can be a degree. Color stops are optional as well.<commit_msg>Update CSS3 content and animation mixins<commit_after>// BORDER RADIUS
// @include border-radius(10px);
// @include border-radius(10px 10px 5px 20px);
// @include border-radius(TL TR BR BL);
@mixin border-radius($arg: 5px) {
	@include prefixer(border-radius, $arg, webkit moz o spec);
}

// DROP SHADOWS
// @include box-shadow(0 1px 3px rgba(0,0,0,.25));
@mixin box-shadow($arg: 0 1px 3px rgba(0,0,0,.25)) {
	@include prefixer(box-shadow, $arg, webkit moz o spec);
}

// TRANSITIONS
// @include transition(all 0.2s ease-in-out)
@mixin transition($arg: all 0.2s ease-in-out) {
	@include prefixer(transition, $arg, webkit moz o spec);
}

// CSS3 CONTENT COLUMNS
// @include content-columns(2,30px);
@mixin content-columns($columnCount:2, $columnGap: 20px) {
	@include prefixer(column-count, $columnCount, moz webkit spec);
	@include prefixer(column-gap, $columnGap, moz webkit spec);
}

// Background clipping
// @include background-clip(padding-box);
@mixin background-clip($arg: padding-box) {
	@include prefixer(user-select, $arg, moz o spec);
}

// Opacity
// @include opacity(50);
@mixin opacity($opacity: 100) {
	zoom: 1;
	filter: alpha(opacity=$opacity);
	opacity: $opacity / 100;
}

// Background sizing - IE9+
// https://developer.mozilla.org/en-US/docs/CSS/background-size
// http://caniuse.com/#feat=background-img-opts
// @include background-size(50px 40px);
@mixin background-size($arg: contain) {
	@include prefixer(background-size, $arg, webkit moz ms spec);
}

// Box sizing
// http://caniuse.com/#feat=css3-boxsizing
// @include box-sizing(border-box);
@mixin box-sizing($arg: border-box) {
	@include prefixer(box-sizing, $arg, webkit moz ms spec);
}
// User select
// http://caniuse.com/#feat=user-select-none
// @include user-select(none)
@mixin user-select($arg: none) {
	@include prefixer(user-select, $arg, webkit moz ms spec);
}

// TRANSFORMS
// @include transform(scale(1.2) rotate(30deg));
@mixin transform($arg...) {
	@include prefixer(transform, $arg, webkit moz o ms spec);
}

// @include scale(1.2);
@mixin scale($arg: 1.2) {
	@include prefixer(transform, scale($arg), webkit moz o ms spec);
}

// @include rotate(10deg);
@mixin rotate($arg) {
	@include prefixer(transform, rotate($arg), webkit moz o ms spec);
}

// @include skew(30deg, 20deg);
@mixin skew($deg, $deg2) {
	@include prefixer(transform, skew($deg, $deg2), webkit moz o ms spec);
}

// @include translate(100px, 20px);
// @include translate(x, y);
@mixin translate($x:0, $y:0) {
	@include prefixer(transform, translate($x, $y), webkit moz o ms spec);
}

// @include translate3d(100px, 20px, 10px);
// @include translate3d(x, y, z);
@mixin translate3d($x:0, $y:0, $z:0) {
	@include prefixer(transform, translate3d($x, $y, $z), webkit moz o ms spec);
}

// @include perspective(100);
@mixin perspective($arg: 1000) {
	@include prefixer(perspective, $arg, webkit moz o ms spec);
}

// @include transform-origin(center, center);
@mixin transform-origin($args...) {
	@include prefixer(transform-origin, $args, webkit moz o ms spec);
}

// ANIMATION
// @include animation(bounce 300ms 0 ease);
@mixin animation($args...) {
	@include prefixer(animation, $args, webkit moz o ms spec);
}

// HYPHENS
// @include hyphens(auto);
@mixin hyphens($hyphenation: none) {
// none | manual | auto
  @include prefixer(hyphens, $hyphenation, webkit moz ms spec);
}
// =================
// === GRADIENTS ===
// =================

// Linear gradients
// ================
// Usage: Gradient position is optional, default is top. Position can be a degree. Color stops are optional as well.
{'fraction_non_alphanumeric': 0.1876944837340877, 'fraction_numerical': 0.028005657708628007, 'mean_word_length': 4.550235478806908, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4296021', 'n_tokens_mistral': 2716, 'n_tokens_neox': 2554, 'n_words': 668}