Add md button size and use it for list actions

darklow · Nov 23, 2016 · 6c97382 · 6c97382
1 parent 95096fe
commit 6c97382
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/suit/sass/_variables.scss b/suit/sass/_variables.scss
@@ -60,8 +60,9 @@ $nav-padding-horizontal: $grid-gutter-width-base + .75rem;
 //$btn-line-height: $line-height-base;
 //$btn-padding-x: 1.2rem;
 //$btn-padding-y: .35rem;
-//$btn-padding-x-lg: 1.5rem;
-//$btn-padding-y-lg: .6rem;
+$btn-padding-x-md: .85rem;
+$btn-padding-y-md: .35rem;
+$font-size-md: 0.9375rem;
 //$btn-padding-x-sm: .75rem;
 
 // Inputs

diff --git a/suit/sass/components/_buttons.scss b/suit/sass/components/_buttons.scss
@@ -26,3 +26,7 @@
   border-color: transparentize($brand-danger, .25);
   background-color: #fff;
 }
+.btn-md {
+  // line-height: ensure proper height of button next to small input
+  @include button-size($btn-padding-y-md, $btn-padding-x-md, $font-size-md, $btn-border-radius-sm);
+}
diff --git a/suit/sass/layout/_content.scss b/suit/sass/layout/_content.scss
@@ -41,9 +41,9 @@ body.change-form {
       > a {
         &:not([class*="btn-"]) {
           @extend .btn-round;
-          @include btn-mixin(info, none, sm, round=true);
+          @include btn-mixin(info, none, md, round=true);
           &.addlink {
-            @include btn-mixin(success, $icon-plus-circle, null, round=true);
+            @include btn-mixin(success, $icon-plus-circle, md, round=true);
           }
         }
       }

diff --git a/suit/static/suit/css/suit.css b/suit/static/suit/css/suit.css