0byt3m1n1-V2

Path: /home/yvffpqmy/dataharbor.africa/wp-content/themes/blo/assets/sass/ [ Home ]
File: _mixin.scss
@mixin transform($property) {
    -webkit-transform: $property;
        -ms-transform: $property;
            transform: $property;
  }
  @mixin border-radius($radius) {
	border-radius: $radius;
	-webkit-border-radius: $radius;
	-ms-border-radius: $radius;
}

//usage: @include shift([property],[duration],[easing]);
@mixin transition($property: all, $duration: .4s, $ease: ease){
	transition: $property $duration $ease;
	-webkit-transition: $property $duration $ease;
	-moz-transition: $property $duration $ease;
	-ms-transition: $property $duration $ease;
}

@mixin background-content($repeat: no-repeat, $size: cover, $position: center center) {
	background-repeat: $repeat;
	background-size: $size;
	background-position: $position;
}

@mixin background-color($color) {
	background-color: $color;
}

@mixin width($width) {
	width: $width;
}

@mixin equal-size($width, $height: $width) {
	width: $width;
	height: $height;
}

@mixin equal-size-lineHeight($width, $height: $width, $Lheight: $width) {
	width: $width;
	height: $height;
	line-height: $Lheight;
}

@mixin flex-position($display, $contet, $items) {
	display: $display;
	justify-content: $contet;
	align-items: $items;
}

@mixin position($position) {
	position: $position;
}
@mixin absolute($position: absolute, $left:0, $top: 0) {
   position: $position;
   left: $left;
   top: $top;
}

@mixin center-position($top: $top, $left: $top) {
	top: $top;
	left: $top;
	transform: translate(-#{$top}, -#{$top});
}

@import "brekpoints";

@mixin xs-size($size){
	height: $size;
	width: $size;
	line-height: $size;
}

@mixin bgprefix(){

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


/* responsive mixins */

$huge-device: 1600px;
$big-device: 1300px;
$medium-device: 1199px;
$desktop-width: 1024px;
$potrait-tablet: 991px;
$tablet: 767px;
$small-device: 480px;
$tiny-device: 320px;

@mixin huge-device {
    @media (min-width: #{$huge-device}) {
        @content;
    }
}

@mixin big-device {
    @media (min-width: #{$big-device}) {
        @content;
    }
}

@mixin medium-desktop {
    @media (min-width: #{$potrait-tablet + 1px}) and (max-width: #{$medium-device}) {
        @content;
    }
}

@mixin potrait-tablet {
    @media (max-width: #{$potrait-tablet}) {
        @content;
    }
}

@mixin potrait-tablet-upper {
    @media (min-width: #{$potrait-tablet + 1px}) {
        @content;
    }
}

@mixin tablet {
    @media (max-width: #{$tablet}) {
        @content;
    }
}

@mixin tablet-upper {
    @media (max-width: #{$tablet + 1px}) {
        @content;
    }
}

@mixin small-device {
    @media (max-width: #{$small-device}) {
        @content;
    }
}

@mixin tiny-device {
    @media (max-width: #{$tiny-device}) {
        @content;
    }
}