better_styles 0.0.0.335 → 0.0.0.336

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    NTMwMGMyNDdjMmQyZjQxOTdhMzYyNzBiYmMwODdhZDQ0OTViMzQ4Yw==
+    YzYzNzAxY2VmMTUwZGM4ZjA3NmFkMmRmNWJkOWQ0ZWIwYzA0MzAwNg==
   data.tar.gz: !binary |-
-    NTkyMGQ2ZGM3Y2Y1YmMxMjYyYWRiMzhjZmU3NDMxOGE1ZDYzOGQ3MQ==
+    MDNhMTBkNmNkZWU5ZjY2YTIyNGJiZTJmMzI1NTI1ZmI1OTE3NzgwNQ==
 SHA512:
   metadata.gz: !binary |-
-    ZTU3M2Y2ZGIzMmIyYmQ1NWQyMTdlM2Y5ZDMwOGZhZDk1MjgwYzIzYjViNDc3
-    ZWY5NDM4OTgyMTQ5Y2IyMmE4MzFkMjhiMGVhYTY4ZWI4YTIxYTYwZGU1ZmY0
-    OWYwNzQ2ZTQwYmM3MTJhYjM0MTQwZDJkNTg3NDA0YjAyNjY2YzI=
+    YjMxMmQwYTE4MTE5MTQ5ZmZiMTMzMjgxMzZlM2M2OTFjNDAzNTVhOGQ0ZmIw
+    NTc3ODc4ODliZjJiNzVkM2E4NjlhMzY3MjNiMTEwNDc5YTgzNDQwMjE5YmVi
+    ZjFlZTEwZmUyZDU3NmE0M2YyZDNiNmFlMDk2N2M4MTIyZDkwM2Y=
   data.tar.gz: !binary |-
-    MjFhYzEyZTRhNTVjYzA5N2IyZDlmZmJlNTZjZGJkOTA2YjdhMDcyYTcwN2Y5
-    NzNkNGEyOWVkMmY0YzhiNGJiNjkzZGM4YjZiMzJiMThmM2M3MTM0OWQyZmRi
-    NmI3YWM5M2U0YWJmZWU2NmM1Y2FlYzI1YzNiMzgyZTY3OGMwNmI=
+    ZTY3Y2I1NDY0ZGIwNjFmNzMxZjg4Yjc2NTk4NDBiMDRlYTZlOGUxMDAzZDQ5
+    Y2UwOWY5YWU0NWU3ZjVmOTYyNjE5YTYzNzVlNWY5MzY1NTA5NTUzYjZlNGM5
+    ZTM4ZDc3NGQ5Mjc3Mjg0YTZlZTk2M2FlYTQ4ZDBjMTQ5Y2I4MzA=

data/assets/stylesheets/better/lib/_media_querries.scss

@@ -1,43 +1,46 @@
-// before sm 
+$responsive-steps: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px,
+  xxl: 2000px
+) !default;
+
+
 @mixin responsiveStep-xs {
-  @include media-breakpoint-up(xs) { @content; }
+	@media only screen and (min-width: map-get($responsive-steps, xs)) { @content; }
 }
 @mixin responsiveStep-sm {
-	@include media-breakpoint-up(sm) { @content; }
+	@media only screen and (min-width: map-get($responsive-steps, sm)) { @content; }
 }
 @mixin responsiveStep-md {
-	@include media-breakpoint-up(md) { @content; }
+	@media only screen and (min-width: map-get($responsive-steps, md)) { @content; }
 }
 @mixin responsiveStep-lg {
-	@include media-breakpoint-up(lg) { @content; }
+	@media only screen and (min-width: map-get($responsive-steps, lg)) { @content; }
 }
 @mixin responsiveStep-xl {
-	@media only screen and (min-width: 1600px) {
-		@content;
-	}
+	@media only screen and (min-width: map-get($responsive-steps, xl)) { @content; }
 }
 @mixin responsiveStep-xxl {
-	@media only screen and (min-width: 2000px) {
-		@content;
-	}
+	@media only screen and (min-width: map-get($responsive-steps, xxl)) { @content; }
 }
 
 
 
 @mixin responsiveStep-xs-only {
-  @include media-breakpoint-only(xs) { @content; }
+	@media only screen and (max-width: map-get($responsive-steps, xs)) { @content; }
 }
 @mixin responsiveStep-sm-only {
-	@include media-breakpoint-only(sm) { @content; }
+	@media only screen and (min-width: map-get($responsive-steps, sm)) and (max-width: map-get($responsive-steps, md) - 1) { @content; }
 }
 @mixin responsiveStep-md-only {
-	@include media-breakpoint-only(md) { @content; }
+	@media only screen and (min-width: map-get($responsive-steps, md)) and (max-width: map-get($responsive-steps, lg) - 1) { @content; }
 }
 @mixin responsiveStep-lg-only {
-	@include media-breakpoint-only(lg) { @content; }
+	@media only screen and (min-width: map-get($responsive-steps, lg)) and (max-width: map-get($responsive-steps, xl) - 1) { @content; }
 }
 @mixin responsiveStep-xl-only {
-	@media only screen and (min-width: 1600px) and (max-width: 1999px) {
-		@content;
-	}
+	@media only screen and (min-width: map-get($responsive-steps, xl)) and (max-width: map-get($responsive-steps, xxl) - 1) { @content; }
 }

data/lib/better_styles/version.rb

@@ -1,3 +1,3 @@
 module BetterStyles
-  VERSION = '0.0.0.335'
+  VERSION = '0.0.0.336'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: better_styles
 version: !ruby/object:Gem::Version
-  version: 0.0.0.335
+  version: 0.0.0.336
 platform: ruby
 authors:
 - Torsten Wetzel