@mixin respond-min-from($breakpoint) {

@if map-has-key($grid-breakpoints, $breakpoint) {
  $value: map-get($grid-breakpoints, $breakpoint);

  @media screen and (min-width: $value) {
    @content;
  }
}
@else {
  @warn "Unknown `#{$breakpoint}` in $breakpoints";
}

}

@mixin respond-to-range($breakpoint-from, $breakpoint-to) {

@if map-has-key($grid-breakpoints, $breakpoint-from) and map-has-key($grid-breakpoints, $breakpoint-to) {
  $value-from: map-get($grid-breakpoints, $breakpoint-from);
  $value-to: map-get($grid-breakpoints, $breakpoint-to);

  @media screen and (min-width: $value-from) and (max-width: $value-to) {
    @content;
  }
}
@else {
  @warn "Unknown $breakpoints";
}

}

@mixin inner_border{

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

}

@mixin blur_image($blur) {

-webkit-filter: blur($blur);
-moz-filter: blur($blur);
-o-filter: blur($blur);
-ms-filter: blur($blur);
filter: blur($blur);

}

@mixin default_background() {

background: image_url('bg.png') repeat;

}

@mixin class_transition($time) {

-webkit-transition: all $time;
-moz-transition: all $time;
-o-transition: all $time;
transition: all $time;

}

@mixin linear_gradient($color_from, $color_to) {

background: -webkit-linear-gradient($color_from, $color_to, $color_to);
background: -o-linear-gradient($color_from, $color_to, $color_to);
background: -moz-linear-gradient($color_from, $color_to, $color_to);
background: linear-gradient($color_from, $color_to, $color_to);

}

@mixin rotate($degree) {

-webkit-transform: rotate($degree);
-moz-transform: rotate($degree);
-o-transform: rotate($degree);
-ms-transform: rotate(45deg);
transform: rotate($degree);

}

@mixin transition_delay($time) {

-webkit-transition-delay: 0.10s;
-moz-transition-delay: 0.10s;
-o-transition-delay: 0.10s;
transition-delay: 0.10s;

}