/*
==========================================================================
    Chimps mixin
==========================================================================
*/

@mixin transition($transition){
    -webkit-transition: $transition;
    -moz-transition: $transition;
    -o-transition: $transition;
    transition: $transition;
}
@mixin border-radius($rd) {
    -webkit-border-radius: $rd;
    -moz-border-radius: $rd;
    -ms-border-radius: $rd;
    -o-border-radius: $rd;
    border-radius: $rd;
}
@mixin border-radius-all ($topleft, $topright, $bottomright, $bottomleft) {
	border-top-left-radius: $topleft;
	border-top-right-radius: $topright;
	border-bottom-right-radius: $bottomright;
	border-bottom-left-radius: $bottomleft;
	-webkit-border-top-left-radius: $topleft;
	-webkit-border-top-right-radius: $topright;
	-webkit-border-bottom-right-radius: $bottomright;
	-webkit-border-bottom-left-radius: $bottomleft;
	-moz-border-radius-topleft: $topleft;
	-moz-border-radius-topright: $topright;
	-moz-border-radius-bottomright: $bottomright;
	-moz-border-radius-bottomleft: $bottomleft;
}
@mixin linear-gradient($top, $bottom){
  background: $top !important; /* Old browsers */
  background: -moz-linear-gradient(top,  $top 0%, $bottom 100%) !important; /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom)) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  $top 0%,$bottom 100%) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  $top 0%,$bottom 100%) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  $top 0%,$bottom 100%) !important; /* IE10+ */
  background: linear-gradient(to bottom,  $top 0%,$bottom 100%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ) !important; /* IE6-9 */
}
@mixin flexbox() {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@mixin justify-content($justify) {
    -webkit-justify-content: $justify;
    -moz-justify-content: $justify;
    -ms-justify-content: $justify;
    justify-content: $justify;
    -ms-flex-pack: $justify;
}
@mixin align-items($align) {
    -webkit-align-items: $align;
    -moz-align-items: $align;
    -ms-align-items: $align;
    align-items: $align;
}
@mixin flex-center($justify, $align) {
    @include flexbox();
    @include justify-content($justify);
    @include align-items($align);
}

@mixin text-with-ellipsis(){
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rotate-90{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition-duration:0.8s;
  -moz-transition-duration:0.8s;
  -o-transition-duration:0.8s;
  transition-duration:0.8s;
}


@mixin placeholder(){
  &::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
  }
  &:-ms-input-placeholder {
    color: #000;
    opacity: 1;
  }
  &::-moz-placeholder {
    color: #000;
    opacity: 1;
  }
  &:-moz-placeholder {
    color: #000;
    opacity: 1;
  }
}