_button-groups.scss in furatto-1.1.5

- old
+ new

@@ -1,27 +1,12 @@
 //Button groups
 
-//
-//@variables
-//
-
-$sm-device-width: 480px !default;
-
-//Media queries
-$button-group-small-media-query: "#{$media-display} and (max-width: #{$sm-device-width})" !default;
-
-//Variations
-$button-radius: px-to-rems(3) !default;
-$button-pill-radius: px-to-rems(1000) !default;
-
 .button-group {
   list-style: none;
   margin: 0; 
   @extend %clearfix;
 
-
-
   li {
     float: left;
 
     .button,
     button {
@@ -41,10 +26,21 @@
       .button,
       button {
         border-left-width: 0;
       }
     }
+
+    //Media queries
+    @include phone {
+      float: none;
+      display: block;
+
+      .button,
+      button {
+        display: block;
+      }
+    }
   }
 
   &.pill {
     li:first-child .button {
       @include border-top-left-radius($button-pill-radius);
@@ -64,22 +60,8 @@
     }
 
     li:last-child .button {
       @include border-top-right-radius($button-radius);
       @include border-bottom-right-radius($button-radius);
-    }
-  }
-}
-
-@media #{$button-group-small-media-query} {
-  .button-group {
-    li {
-      float: none;
-      display: block;
-
-      .button,
-      button {
-        display: block;
-      }
     }
   }
 }