mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-02 12:54:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

button sizing required some padding and font adjustments to be in-spec

Browse Source
This commit is contained in:
Kevin Ross 2016-01-13 15:42:48 -06:00
parent fb779a0f1c
commit 542cbf5718
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
scss/_buttons.scss
View File

@ -121,7 +121,6 @@
} }
} }
// Icon buttons // Icon buttons
&.mdb-btn-icon { &.mdb-btn-icon {
width: $mdb-btn-icon-size; width: $mdb-btn-icon-size;
@ -156,11 +155,11 @@
// Size variations // Size variations
&.btn-lg, &.btn-lg,
.btn-group-lg & { .btn-group-lg & {
font-size: $mdb-btn-font-size-lg; @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $mdb-btn-font-size-lg, $line-height-lg, $btn-border-radius-lg);
} }
&.btn-sm, &.btn-sm,
.btn-group-sm & { .btn-group-sm & {
padding: 5px 20px; @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $mdb-btn-font-size-sm, $line-height-sm, $btn-border-radius-sm);
font-size: $mdb-btn-font-size-sm; font-size: $mdb-btn-font-size-sm;
} }
} }

10
scss/variables/bootstrap/_buttons.scss
View File

@ -1,7 +1,7 @@
// Buttons: // Buttons:
$mdb-btn-font-size: .875rem !default; // 14px $mdb-btn-font-size: .875rem !default; // 14px
$mdb-btn-font-size-lg: 1rem !default; $mdb-btn-font-size-lg: 1.25rem !default;
$mdb-btn-font-size-sm: .75rem !default; // 12px $mdb-btn-font-size-sm: .8125rem !default; // 13px
$mdb-btn-margin-bottom: .3125rem !default; // 5px $mdb-btn-margin-bottom: .3125rem !default; // 5px
// default btn with no specific type designation // default btn with no specific type designation
@ -31,8 +31,8 @@ $mdb-btn-icon-font-size-sm: (.75 * $mdb-btn-fab-font-size) !default;
// //
// For each of Bootstrap's buttons, define text, background and border color. // For each of Bootstrap's buttons, define text, background and border color.
$btn-padding-x: 1.875rem !default; // 1rem $btn-padding-x: 1rem !default; // 1rem
$btn-padding-y: .5rem !default; // .375rem $btn-padding-y: .46875rem !default; // .375rem achieve a 36dp height
$btn-font-weight: 500 !default; // normal $btn-font-weight: 500 !default; // normal
// //
//$btn-primary-color: #fff !default; //$btn-primary-color: #fff !default;
@ -62,7 +62,7 @@ $btn-secondary-bg: $body-bg !default; // #fff
//$btn-link-disabled-color: $gray-light !default; //$btn-link-disabled-color: $gray-light !default;
// //
//$btn-padding-x-sm: .75rem !default; //$btn-padding-x-sm: .75rem !default;
//$btn-padding-y-sm: .25rem !default; $btn-padding-y-sm: .40625rem !default; // achieve a 32dp height was .25rem
// //
//$btn-padding-x-lg: 1.25rem !default; //$btn-padding-x-lg: 1.25rem !default;
//$btn-padding-y-lg: .75rem !default; //$btn-padding-y-lg: .75rem !default;