web-design-weekly/sass-mixins

[TimPietrusky]

https://github.com/web-design-weekly/sass-mixins/blob/master/mixins.scss

[DarbyBrown]

//flex box old and new syntax, think this is Chris Coyiers

@mixin flexbox() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

@mixin flex($values) {
-webkit-box-flex: $values;
-moz-box-flex: $values;
-webkit-flex: $values;
-ms-flex: $values;
flex: $values;
}

@mixin order($val) {
-webkit-box-ordinal-group: $val;
-moz-box-ordinal-group: $val;
-ms-flex-order: $val;
-webkit-order: $val;
order: $val;
}

[DarbyBrown]

// stop user from selecting elements

@mixin callout () {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

[KittyGiraudel]

A lot of mixins from Tim's link shouldn't be mixins but placeholders for better performances.

[DarbyBrown]

// Placeholder color on form inputs

@mixin placeholder ($placeholder: #fff){
::-webkit-input-placeholder {
color: $placeholder;
}
:-moz-placeholder { /* Firefox 18- /
color: $placeholder;
}
::-moz-placeholder { / Firefox 19+ */
color: $placeholder;
}
:-ms-input-placeholder {
color: $placeholder;
}
}