mixin.css.scss in tmatt_cms-0.1.9

- old
+ new

@@ -1,6 +1,6 @@
-@mixin respond-to($breakpoint) {
+@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;
@@ -9,10 +9,24 @@
   @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;
 }
@@ -35,13 +49,13 @@
   -o-transition: all $time;
   transition: all $time;
 }
 
 @mixin linear_gradient($color_from, $color_to) {
-  background: -webkit-linear-gradient($color_from, $color_from, $color_from, $color_to);
-  background: -o-linear-gradient($color_from, $color_from, $color_from, $color_to);
-  background: -moz-linear-gradient($color_from, $color_from, $color_from, $color_to);
-  background: linear-gradient($color_from, $color_from, $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);