move things around

Moved alerts, badges, button groups, buttons, carousel, close to
variables.less and customize.html
This commit is contained in:
syed 2013-07-28 17:32:08 +05:00
parent c947ab1c9a
commit 1aedb7862c
8 changed files with 1489 additions and 1433 deletions

File diff suppressed because it is too large Load Diff

View File

@ -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%);
}

View File

@ -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 {

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;

View File

@ -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);

View File

@ -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
// ------------------------