/home/moonrcjl/public_html/test/wp-content/themes/arsha/assets/scss/utils/_mixins.scss
@use "sass:selector";
// mt-root
@mixin root($child) {
@at-root #{selector.unify(&, $child)} {
@content;
}
}
// placeholder input
@mixin placeholder {
&::-webkit-input-placeholder {
@content;
}
&:-moz-placeholder {
@content;
}
&::-moz-placeholder {
@content;
}
&:-ms-input-placeholder {
@content;
}
}
// transition
@mixin transition($args) {
-webkit-transition: $args;
-moz-transition: $args;
-ms-transition: $args;
-o-transition: $args;
transition: $args;
}
// transform
@mixin transform($transforms) {
-moz-transform: $transforms;
-o-transform: $transforms;
-ms-transform: $transforms;
-webkit-transform: $transforms;
transform: $transforms;
}
// Flexbox display
@mixin flexbox() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
//backgroud
@mixin background {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}