rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00
Code Issues Actions Packages Releases Activity

icon vertical align in buttons

Browse Source
This commit is contained in:
Mark Otto 2012-11-05 18:44:10 -08:00
parent 33beb93e1b
commit 23a7ab4b51
2 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
docs/assets/css/bootstrap.css vendored
View File

@ -3286,11 +3286,6 @@ button.close {
border-radius: 6px; border-radius: 6px;
} }
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 2px;
}
.btn-small { .btn-small {
padding: 2px 10px; padding: 2px 10px;
font-size: 11.9px; font-size: 11.9px;
@ -3299,11 +3294,6 @@ button.close {
border-radius: 3px; border-radius: 3px;
} }
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
margin-top: 0;
}
.btn-mini { .btn-mini {
padding: 0 6px; padding: 0 6px;
font-size: 10.5px; font-size: 10.5px;
@ -3312,6 +3302,15 @@ button.close {
border-radius: 3px; border-radius: 3px;
} }
.btn [class^="icon-"]:before {
vertical-align: -2px;
}
.btn-small [class^="icon-"]:before,
.btn-mini [class^="icon-"]:before {
vertical-align: -1px;
}
.btn-block { .btn-block {
display: block; display: block;
width: 100%; width: 100%;

16
less/buttons.less
View File

@ -72,10 +72,6 @@
font-size: @fontSizeLarge; font-size: @fontSizeLarge;
.border-radius(@borderRadiusLarge); .border-radius(@borderRadiusLarge);
} }
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 2px;
}
// Small // Small
.btn-small { .btn-small {
@ -83,10 +79,6 @@
font-size: @fontSizeSmall; font-size: @fontSizeSmall;
.border-radius(@borderRadiusSmall); .border-radius(@borderRadiusSmall);
} }
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
margin-top: 0;
}
// Mini // Mini
.btn-mini { .btn-mini {
@ -96,6 +88,14 @@
} }
// Icons in buttons
// -------------------------
.btn [class^="icon-"]:before { vertical-align: -2px; }
.btn-small [class^="icon-"]:before,
.btn-mini [class^="icon-"]:before { vertical-align: -1px; }
// Block button // Block button
// ------------------------- // -------------------------