mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-17 21:49:09 +01:00
move things around
Moved alerts, badges, button groups, buttons, carousel, close to variables.less and customize.html
This commit is contained in:
parent
c947ab1c9a
commit
1aedb7862c
2868
customize.html
2868
customize.html
File diff suppressed because it is too large
Load Diff
@ -26,7 +26,7 @@
|
||||
}
|
||||
// Provide class for links that match alerts
|
||||
.alert-link {
|
||||
font-weight: 500;
|
||||
font-weight: @alert-link-font-weight;
|
||||
color: darken(@alert-text, 10%);
|
||||
}
|
||||
|
||||
|
@ -9,14 +9,14 @@
|
||||
min-width: 10px;
|
||||
padding: 3px 7px;
|
||||
font-size: @font-size-small;
|
||||
font-weight: bold;
|
||||
font-weight: @badge-font-weight;
|
||||
color: @badge-color;
|
||||
line-height: 1;
|
||||
line-height: @badge-line-height;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
background-color: @badge-bg;
|
||||
border-radius: 10px;
|
||||
border-radius: @badge-border-radius;
|
||||
|
||||
// Empty labels/badges collapse
|
||||
&:empty {
|
||||
|
@ -117,11 +117,11 @@
|
||||
}
|
||||
// Carets in other button sizes
|
||||
.btn-large .caret {
|
||||
border-width: 5px;
|
||||
border-width: @btn-large-caret-border-width;
|
||||
}
|
||||
// Upside down carets for .dropup
|
||||
.dropup .btn-large .caret {
|
||||
border-bottom-width: 5px;
|
||||
border-bottom-width: @btn-large-caret-border-width;
|
||||
}
|
||||
|
||||
|
||||
|
@ -12,7 +12,7 @@
|
||||
padding: @padding-base-vertical @padding-base-horizontal;
|
||||
margin-bottom: 0; // For input.btn
|
||||
font-size: @font-size-base;
|
||||
font-weight: 500;
|
||||
font-weight: @font-weight-base;
|
||||
line-height: @line-height-base;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
@ -109,7 +109,7 @@
|
||||
fieldset[disabled] & {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @gray-dark;
|
||||
color: @btn-link-disabled-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@ -127,7 +127,7 @@
|
||||
.btn-small {
|
||||
padding: @padding-small-vertical @padding-small-horizontal;
|
||||
font-size: @font-size-small;
|
||||
line-height: 1.5; // ensure proper height of button next to small input
|
||||
line-height: @btn-small-line-height; // ensure proper height of button next to small input
|
||||
border-radius: @border-radius-small;
|
||||
}
|
||||
|
||||
|
@ -69,9 +69,9 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 15%;
|
||||
.opacity(.5);
|
||||
font-size: 20px;
|
||||
width: @carousel-control-width;
|
||||
.opacity(@carousel-control-opacity);
|
||||
font-size: @carousel-control-font-size;
|
||||
color: @carousel-control-color;
|
||||
text-align: center;
|
||||
text-shadow: @carousel-text-shadow;
|
||||
@ -133,7 +133,7 @@
|
||||
bottom: 10px;
|
||||
left: 50%;
|
||||
z-index: 15;
|
||||
width: 120px;
|
||||
width: @carousel-indicators-width;
|
||||
margin-left: -60px;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
|
@ -6,8 +6,8 @@
|
||||
.close {
|
||||
float: right;
|
||||
font-size: (@font-size-base * 1.5);
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
font-weight: @close-font-weight;
|
||||
line-height: @close-line-height;
|
||||
color: @close-color;
|
||||
text-shadow: @close-text-shadow;
|
||||
.opacity(.2);
|
||||
|
@ -48,11 +48,13 @@
|
||||
@font-size-large: ceil(@font-size-base * 1.25); // ~18px
|
||||
@font-size-small: ceil(@font-size-base * 0.85); // ~12px
|
||||
|
||||
@font-weight-base: 500;
|
||||
|
||||
@line-height-base: 1.428571429; // 20/14
|
||||
@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
|
||||
|
||||
@headings-font-family: @font-family-base;
|
||||
@headings-font-weight: 500;
|
||||
@headings-font-weight: @font-weight-base;
|
||||
@headings-line-height: 1.1;
|
||||
|
||||
|
||||
@ -120,6 +122,11 @@
|
||||
@btn-hover-color: @btn-default-color;
|
||||
|
||||
|
||||
@btn-small-line-height: 1.5;
|
||||
@btn-link-disabled-color: @gray-dark;
|
||||
@btn-large-caret-border-width: 5px;
|
||||
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
|
||||
@ -383,6 +390,8 @@
|
||||
@alert-info-text: @state-info-text;
|
||||
@alert-info-border: @state-info-border;
|
||||
|
||||
@alert-link-font-weight: @font-weight-base;
|
||||
|
||||
|
||||
// Progress bars
|
||||
// -------------------------
|
||||
@ -467,6 +476,10 @@
|
||||
@badge-active-color: @link-color;
|
||||
@badge-active-bg: #fff;
|
||||
|
||||
@badge-font-weight: bold;
|
||||
@badge-line-height: 1;
|
||||
@badge-border-radius: 10px;
|
||||
|
||||
|
||||
// Breadcrumbs
|
||||
// -------------------------
|
||||
@ -480,9 +493,13 @@
|
||||
@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
|
||||
|
||||
@carousel-control-color: #fff;
|
||||
@carousel-control-width: 15%;
|
||||
@carousel-control-opacity: .5;
|
||||
@carousel-control-font-size: 20px;
|
||||
|
||||
@carousel-indicator-border-color: #fff;
|
||||
@carousel-indicators-width: 120px;
|
||||
@carousel-indicator-active-bg: #fff;
|
||||
@carousel-indicator-border-color: #fff;
|
||||
|
||||
@carousel-caption-color: #fff;
|
||||
|
||||
@ -492,6 +509,9 @@
|
||||
@close-color: #000;
|
||||
@close-text-shadow: 0 1px 0 #fff;
|
||||
|
||||
@close-font-weight: bold;
|
||||
@close-line-height: 1;
|
||||
|
||||
|
||||
// Code
|
||||
// ------------------------
|
||||
|
Loading…
x
Reference in New Issue
Block a user