Fix responsive features buttons

zombeats · Jan 2, 2016 · 757144a · 757144a
1 parent e6e49c4
commit 757144a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/assets/scss/global.scss b/assets/scss/global.scss
@@ -940,11 +940,6 @@ pre[class*="language-"] {
 
 #feature-two {
   @include feature-header-button($feature-two-color);
-  margin-left: 15px;
-
-  @include breakpoint(max-width 660px, max-width 660px) {
-    margin: 15px 0 !important;
-  }
 }
 
 /* ==========================================================================

diff --git a/assets/scss/mixins.scss b/assets/scss/mixins.scss
@@ -1,17 +1,22 @@
 @mixin feature-header-button($color) {
-  height: 30px;
-  padding: 6px 10px;
-  margin: 15px 0 0;
+  color: $color;
 
-  transition: all .5s ease;
+  @include breakpoint(min-width 800px) {
+    height: 30px;
+    padding: 6px 10px;
+    margin: 15px 0 0;
+    transition: all .5s ease;
+    border: 1.5px solid $color;
+    border-radius: 2px;
+    background: rgba(white, .8) !important;
 
-  color: $color !important;
-  border: 1.5px solid $color;
-  border-radius: 2px;
-  background: rgba(white, .8) !important;
+    &:hover {
+      color: rgba(white, .8) !important;
+      background: $color !important;
+    }
+  }
 
-  &:hover {
-    color: rgba(white, .8) !important;
-    background: $color !important;
+  @include breakpoint(max-width 800px) {
+    font-weight: 900;
   }
 }