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

Move inline properties to variables.less

Browse Source 
moved buttons.less, carousel.less & close.less in this commit
This commit is contained in:
syed 2013-07-20 12:56:20 +05:00
parent 453346262f
commit c2e37414d8
4 changed files with 30 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
less/buttons.less
View File

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

14
less/carousel.less
View File

@ -72,9 +72,9 @@
width: 15%;
.opacity(.5);
font-size: 20px;
color: #fff;
color: @carousel-control-color;
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
// animation if you trip this while in the middle of another animation.
@ -93,7 +93,7 @@
// Hover/focus state
&:hover,
&:focus {
color: #fff;
color: @carousel-control-hover-color;
text-decoration: none;
.opacity(.9);
}
@ -144,7 +144,7 @@
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border: 1px solid @carousel-indicators-li-border-color;
border-radius: 10px;
cursor: pointer;
}
@ -152,7 +152,7 @@
margin: 0;
width: 12px;
height: 12px;
background-color: #fff;
background-color: @carousel-indicators-active-bg;
}
}
@ -167,9 +167,9 @@
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
color: @carousel-caption-color;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
text-shadow: @carousel-caption-text-shadow;
& .btn {
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-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 rgba(255,255,255,1);
color: @close-color;
text-shadow: @close-text-shadow;
.opacity(.2);
&:hover,
&:focus {
color: #000;
color: @close-hover-color;
text-decoration: none;
cursor: pointer;
.opacity(.5);

19
less/variables.less
View File

@ -117,6 +117,8 @@
@btn-info-bg: @brand-info;
@btn-info-border: @btn-info-bg;
@btn-hover-color: #fff;
// Forms
@ -390,6 +392,23 @@
@breadcrumb-color: #ccc;
@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);
// Miscellaneous
// -------------------------