mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 22:44:13 +08:00
button bar button tweaks
This commit is contained in:
@@ -104,20 +104,22 @@
|
||||
> .button {
|
||||
z-index: 1;
|
||||
padding: 0 $button-bar-button-padding;
|
||||
height: $button-bar-button-height;
|
||||
min-width: $button-bar-button-height + $button-bar-button-font-size;
|
||||
min-height: $button-bar-button-height;
|
||||
min-height: $button-bar-button-height - 1;
|
||||
font-size: $button-bar-button-font-size;
|
||||
line-height: $button-bar-button-height - $button-border-width;
|
||||
line-height: $button-bar-button-height - $button-border-width - 2;
|
||||
|
||||
.icon {
|
||||
font-size: $button-bar-button-icon-size;
|
||||
line-height: $button-bar-button-height - $button-border-width - 1;
|
||||
line-height: $button-bar-button-height - $button-border-width - 2;
|
||||
}
|
||||
}
|
||||
|
||||
.button-bar > .button {
|
||||
min-height: $button-bar-button-height;
|
||||
line-height: $button-bar-button-height;
|
||||
height: $button-bar-button-height;
|
||||
min-height: $button-bar-button-height - 1;
|
||||
line-height: $button-bar-button-height - 2;
|
||||
}
|
||||
|
||||
.button-bar + .button, .button + .button-bar {
|
||||
|
||||
@@ -231,7 +231,7 @@ $button-small-padding: 4px !default;
|
||||
$button-small-icon-size: 16px;
|
||||
|
||||
$button-bar-button-font-size: 12px;
|
||||
$button-bar-button-height: 31px;
|
||||
$button-bar-button-height: 32px;
|
||||
$button-bar-button-padding: 8px !default;
|
||||
$button-bar-button-icon-size: 24px;
|
||||
|
||||
@@ -280,9 +280,6 @@ $button-dark-active-border: #000;
|
||||
// -------------------------------
|
||||
|
||||
$bar-height: 44px !default;
|
||||
$bar-button-line-height: 23px !default;
|
||||
$bar-button-clear-line-height: 34px !default;
|
||||
$bar-button-bar-line-height: 18px !default;
|
||||
$bar-title-font-size: $font-size-large;
|
||||
$bar-padding-portrait: 5px;
|
||||
$bar-padding-landscape: 5px;
|
||||
|
||||
Reference in New Issue
Block a user