mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-14 17:44:15 +02:00
Code Issues Releases Wiki Activity

Merge branch '3.0.0-wip' of https://github.com/saas786/bootstrap into saas786-3.0.0-wip

Browse Source
This commit is contained in:
Mark Otto
2013-07-23 22:49:13 -07:00
parent 1d1bd62598 330f40c864
commit 1803b2f09e
9 changed files with 72 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
less/buttons.less
View File

@@ -27,7 +27,7 @@
&:hover, &:hover,
&:focus { &:focus {
color: #fff; color: @btn-hover-color;
text-decoration: none; text-decoration: none;
} }

14
less/carousel.less
View File

@@ -72,9 +72,9 @@
width: 15%; width: 15%;
.opacity(.5); .opacity(.5);
font-size: 20px; font-size: 20px;
color: #fff; color: @carousel-control-color;
text-align: center; text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6); text-shadow: @carousel-control-text-shadow;
// We can't have this transition here because webkit cancels the carousel // We can't have this transition here because webkit cancels the carousel
// animation if you trip this while in the middle of another animation. // animation if you trip this while in the middle of another animation.
@@ -93,7 +93,7 @@
// Hover/focus state // Hover/focus state
&:hover, &:hover,
&:focus { &:focus {
color: #fff; color: @carousel-control-hover-color;
text-decoration: none; text-decoration: none;
.opacity(.9); .opacity(.9);
} }
@@ -144,7 +144,7 @@
height: 10px; height: 10px;
margin: 1px; margin: 1px;
text-indent: -999px; text-indent: -999px;
border: 1px solid #fff; border: 1px solid @carousel-indicators-li-border-color;
border-radius: 10px; border-radius: 10px;
cursor: pointer; cursor: pointer;
} }
@@ -152,7 +152,7 @@
margin: 0; margin: 0;
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: #fff; background-color: @carousel-indicators-active-bg;
} }
} }
@@ -167,9 +167,9 @@
z-index: 10; z-index: 10;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
color: #fff; color: @carousel-caption-color;
text-align: center; text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6); text-shadow: @carousel-caption-text-shadow;
& .btn { & .btn {
text-shadow: none; // No shadow for button elements in carousel-caption text-shadow: none; // No shadow for button elements in carousel-caption
} }

6
less/close.less
View File

@@ -8,13 +8,13 @@
font-size: (@font-size-base * 1.5); font-size: (@font-size-base * 1.5);
font-weight: bold; font-weight: bold;
line-height: 1; line-height: 1;
color: #000; color: @close-color;
text-shadow: 0 1px 0 rgba(255,255,255,1); text-shadow: @close-text-shadow;
.opacity(.2); .opacity(.2);
&:hover, &:hover,
&:focus { &:focus {
color: #000; color: @close-hover-color;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
.opacity(.5); .opacity(.5);

10
less/code.less
View File

@@ -13,8 +13,8 @@ pre {
code { code {
padding: 2px 4px; padding: 2px 4px;
font-size: 90%; font-size: 90%;
color: #c7254e; color: @code-color:;
background-color: #f9f2f4; background-color: @code-bg;
white-space: nowrap; white-space: nowrap;
border-radius: 4px; border-radius: 4px;
} }
@@ -29,9 +29,9 @@ pre {
word-break: break-all; word-break: break-all;
word-wrap: break-word; word-wrap: break-word;
color: @gray-dark; color: @gray-dark;
background-color: #f5f5f5; background-color: @pre-bg;
border: 1px solid #ccc; // IE8 fallback border: 1px solid @pre-fallback-border-color; // IE8 fallback
border: 1px solid rgba(0,0,0,.15); border: 1px solid @pre-border-color;
border-radius: @border-radius-base; border-radius: @border-radius-base;
// Make prettyprint styles more spaced out for readability // Make prettyprint styles more spaced out for readability

6
less/dropdowns.less
View File

@@ -11,7 +11,7 @@
height: 0; height: 0;
margin-left: 2px; margin-left: 2px;
vertical-align: middle; vertical-align: middle;
border-top: 4px solid #000; border-top: 4px solid @caret-border-top-color;
border-right: 4px solid transparent; border-right: 4px solid transparent;
border-left: 4px solid transparent; border-left: 4px solid transparent;
content: ""; content: "";
@@ -31,7 +31,7 @@
margin: 2px 0 0; // override default ul margin: 2px 0 0; // override default ul
list-style: none; list-style: none;
background-color: @dropdown-bg; background-color: @dropdown-bg;
border: 1px solid #ccc; // IE8 fallback border: 1px solid @dropdown-fallback-border; // IE8 fallback
border: 1px solid @dropdown-border; border: 1px solid @dropdown-border;
border-radius: @border-radius-base; border-radius: @border-radius-base;
.box-shadow(0 6px 12px rgba(0,0,0,.175)); .box-shadow(0 6px 12px rgba(0,0,0,.175));
@@ -159,7 +159,7 @@
// Reverse the caret // Reverse the caret
.caret { .caret {
border-top: 0; border-top: 0;
border-bottom: 4px solid #000; border-bottom: 4px solid @dropup-caret-border-color;
content: ""; content: "";
} }
// Different positioning for bottom up menu // Different positioning for bottom up menu

6
less/forms.less
View File

@@ -25,7 +25,7 @@ legend {
line-height: inherit; line-height: inherit;
color: @gray-dark; color: @gray-dark;
border: 0; border: 0;
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid @legend-border-color;
} }
label { label {
@@ -344,9 +344,9 @@ select {
font-weight: normal; font-weight: normal;
line-height: @line-height-base; line-height: @line-height-base;
text-align: center; text-align: center;
text-shadow: 0 1px 0 #fff; text-shadow: @input-group-addon-text-shadow;
background-color: @gray-lighter; background-color: @gray-lighter;
border: 1px solid #ccc; border: 1px solid @input-group-addon-border-color;
border-radius: @border-radius-base; border-radius: @border-radius-base;
&.input-small { &.input-small {

4
less/labels.less
View File

@@ -8,7 +8,7 @@
font-size: 75%; font-size: 75%;
font-weight: 500; font-weight: 500;
line-height: 1; line-height: 1;
color: #fff; color: @label-color;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
vertical-align: middle; vertical-align: middle;
@@ -19,7 +19,7 @@
&[href] { &[href] {
&:hover, &:hover,
&:focus { &:focus {
color: #fff; color: @label-link-hover-color;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
background-color: darken(@gray-light, 10%); background-color: darken(@gray-light, 10%);

4
less/list-group.less
View File

@@ -58,10 +58,10 @@
a.list-group-item { a.list-group-item {
// Colorize content accordingly // Colorize content accordingly
.list-group-item-heading { .list-group-item-heading {
color: #333; color: @link-list-group-heading-color;
} }
.list-group-item-text { .list-group-item-text {
color: #555; color: @link-list-group-color;
} }
// Hover state // Hover state

46
less/variables.less
View File

@@ -117,6 +117,7 @@
@btn-info-bg: @brand-info; @btn-info-bg: @brand-info;
@btn-info-border: @btn-info-bg; @btn-info-border: @btn-info-bg;
@btn-hover-color: #fff;
// Forms // Forms
@@ -134,12 +135,18 @@
@input-height-large: (ceil(@font-size-large * @line-height-base) + (@padding-large-vertical * 2) + 2); @input-height-large: (ceil(@font-size-large * @line-height-base) + (@padding-large-vertical * 2) + 2);
@input-height-small: (ceil(@font-size-small * @line-height-base) + (@padding-small-vertical * 2) + 2); @input-height-small: (ceil(@font-size-small * @line-height-base) + (@padding-small-vertical * 2) + 2);
@legend-border-color: #e5e5e5;
@input-group-addon-text-shadow: 0 1px 0 #fff;
@input-group-addon-border-color: #ccc;
// Dropdowns // Dropdowns
// ------------------------- // -------------------------
@dropdown-bg: #fff; @dropdown-bg: #fff;
@dropdown-border: rgba(0,0,0,.15); @dropdown-border: rgba(0,0,0,.15);
@dropdown-fallback-border: #ccc;
@dropdown-divider-top: #e5e5e5; @dropdown-divider-top: #e5e5e5;
@dropdown-divider-bottom: #fff; @dropdown-divider-bottom: #fff;
@@ -150,6 +157,10 @@
@dropdown-link-hover-color: #fff; @dropdown-link-hover-color: #fff;
@dropdown-link-hover-bg: @dropdown-link-active-bg; @dropdown-link-hover-bg: @dropdown-link-active-bg;
@caret-border-top-color: #000;
@dropup-caret-border-color: #000;
// COMPONENT VARIABLES // COMPONENT VARIABLES
// -------------------------------------------------- // --------------------------------------------------
@@ -278,6 +289,9 @@
@label-warning-bg: @brand-warning; @label-warning-bg: @brand-warning;
@label-danger-bg: @brand-danger; @label-danger-bg: @brand-danger;
@label-color: #fff;
@label-link-hover-color: #fff;
// Modals // Modals
// ------------------------- // -------------------------
@@ -327,6 +341,9 @@
@list-group-active-bg: @component-active-bg; @list-group-active-bg: @component-active-bg;
@list-group-active-border: @list-group-active-bg; @list-group-active-border: @list-group-active-bg;
@link-list-group-color: #555;
@link-list-group-heading-color:#333;
// Panels // Panels
// ------------------------- // -------------------------
@panel-bg: #fff; @panel-bg: #fff;
@@ -390,6 +407,35 @@
@breadcrumb-color: #ccc; @breadcrumb-color: #ccc;
@breadcrumb-active-color: @gray-light; @breadcrumb-active-color: @gray-light;
// Carousel
// ------------------------
@carousel-control-color: #fff;
@carousel-control-hover-color: #fff;
@carousel-control-text-shadow: 0 1px 2px rgba(0,0,0,.6);
@carousel-indicators-active-bg: #fff;
@carousel-indicators-li-border-color: #fff;
@carousel-caption-color: #fff;
@carousel-caption-text-shadow: 0 1px 2px rgba(0,0,0,.6);
// Close
// ------------------------
@close-color: #000;
@close-hover-color: #000;
@close-text-shadow: 0 1px 0 rgba(255,255,255,1);
// Code
// ------------------------
@code-bg: #f9f2f4;
@code-color: #c7254e;
@pre-bg: #f5f5f5;
@pre-border-color: rgba(0,0,0,.15);
@pre-fallback-border-color: #ccc;
// Miscellaneous // Miscellaneous
// ------------------------- // -------------------------