Commit 6993db18 authored by ggam's avatar ggam
Browse files

Added button-size mixin

parent 175a1125
1 merge request!9373Added button-size mixin
Showing with 13 additions and 8 deletions
+13 -8
...@@ -121,17 +121,13 @@ ...@@ -121,17 +121,13 @@
// -------------------------------------------------- // --------------------------------------------------
.btn-lg { .btn-lg {
padding: @padding-large-vertical @padding-large-horizontal; // line-height: ensure even-numbered height of button next to large input
font-size: @font-size-large; .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
line-height: @line-height-large; // ensure even-numbered height of button next to large input
border-radius: @border-radius-large;
} }
.btn-sm, .btn-sm,
.btn-xs { .btn-xs {
padding: @padding-small-vertical @padding-small-horizontal; // line-height: ensure proper height of button next to small input
font-size: @font-size-small; .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
line-height: @line-height-small; // ensure proper height of button next to small input
border-radius: @border-radius-small;
} }
.btn-xs { .btn-xs {
padding: 3px 5px; padding: 3px 5px;
......
...@@ -394,6 +394,15 @@ ...@@ -394,6 +394,15 @@
} }
} }
// Button sizes
// -------------------------
.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
padding: @padding-vertical @padding-horizontal;
font-size: @font-size;
line-height: @line-height;
border-radius: @border-radius;
}
// Labels // Labels
// ------------------------- // -------------------------
.label-variant(@color) { .label-variant(@color) {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment