Permalink
Browse files

added variable $borderColor

  • Loading branch information...
1 parent 9669202 commit a88e387af329ba09e66a7d715d8a48e8a17a2756 @corny corny committed Apr 12, 2012
@@ -6,7 +6,7 @@
margin: 0 0 $baseLineHeight;
list-style: none;
@include gradient-vertical($white, $whiteSmoke);
- border: 1px solid #ddd;
+ border: 1px solid $borderColor;
@include border-radius(3px);
@include box-shadow(inset 0 1px 0 $white);
li {
@@ -234,7 +234,7 @@ input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditabl
// Disabled and read-only inputs
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
background-color: $inputDisabledBackground;
- border-color: #ddd;
+ border-color: $borderColor;
cursor: not-allowed;
}
@@ -278,7 +278,7 @@ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:requ
margin-top: $baseLineHeight;
margin-bottom: $baseLineHeight;
background-color: $grayLighter;
- border-top: 1px solid #ddd;
+ border-top: 1px solid $borderColor;
@include clearfix(); // Adding clearfix to allow for .pull-right button containers
}
@@ -73,7 +73,7 @@
margin-bottom: 0;
text-align: right; // right align buttons
background-color: $whiteSmoke;
- border-top: 1px solid #ddd;
+ border-top: 1px solid $borderColor;
@include border-radius(0 0 6px 6px);
@include box-shadow(inset 0 1px 0 $white);
@include clearfix(); // clear it in case folks use .pull-* classes on buttons
@@ -91,7 +91,7 @@
// Give the tabs something to sit on
.nav-tabs {
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid $borderColor;
}
// Make the list-items overlay the bottom border
@@ -107,14 +107,14 @@
border: 1px solid transparent;
@include border-radius(4px 4px 0 0);
&:hover {
- border-color: $grayLighter $grayLighter #ddd;
+ border-color: $grayLighter $grayLighter $borderColor;
}
}
// Active state, and it's :hover to override normal :hover
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
color: $gray;
background-color: $white;
- border: 1px solid #ddd;
+ border: 1px solid $borderColor;
border-bottom-color: transparent;
cursor: default;
}
@@ -155,7 +155,7 @@
border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
- border: 1px solid #ddd;
+ border: 1px solid $borderColor;
@include border-radius(0);
}
.nav-tabs.nav-stacked > li:first-child > a {
@@ -165,7 +165,7 @@
@include border-radius(0 0 4px 4px);
}
.nav-tabs.nav-stacked > li > a:hover {
- border-color: #ddd;
+ border-color: $borderColor;
z-index: 2;
}
@@ -272,7 +272,7 @@
// ------
.tabs-below .nav-tabs {
- border-top: 1px solid #ddd;
+ border-top: 1px solid $borderColor;
}
.tabs-below .nav-tabs > li {
margin-top: -1px;
@@ -282,11 +282,11 @@
@include border-radius(0 0 4px 4px);
&:hover {
border-bottom-color: transparent;
- border-top-color: #ddd;
+ border-top-color: $borderColor;
}
}
.tabs-below .nav-tabs .active > a, .tabs-below .nav-tabs .active > a:hover {
- border-color: transparent #ddd #ddd #ddd;
+ border-color: transparent $borderColor $borderColor $borderColor;
}
// LEFT & RIGHT
@@ -306,34 +306,34 @@
.tabs-left .nav-tabs {
float: left;
margin-right: 19px;
- border-right: 1px solid #ddd;
+ border-right: 1px solid $borderColor;
}
.tabs-left .nav-tabs > li > a {
margin-right: -1px;
@include border-radius(4px 0 0 4px);
}
.tabs-left .nav-tabs > li > a:hover {
- border-color: $grayLighter #ddd $grayLighter $grayLighter;
+ border-color: $grayLighter $borderColor $grayLighter $grayLighter;
}
.tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover {
- border-color: #ddd transparent #ddd #ddd;
+ border-color: $borderColor transparent $borderColor $borderColor;
*border-right-color: $white;
}
// Tabs on the right
.tabs-right .nav-tabs {
float: right;
margin-left: 19px;
- border-left: 1px solid #ddd;
+ border-left: 1px solid $borderColor;
}
.tabs-right .nav-tabs > li > a {
margin-left: -1px;
@include border-radius(0 4px 4px 0);
}
.tabs-right .nav-tabs > li > a:hover {
- border-color: $grayLighter $grayLighter $grayLighter #ddd;
+ border-color: $grayLighter $grayLighter $grayLighter $borderColor;
}
.tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active > a:hover {
- border-color: #ddd #ddd #ddd transparent;
+ border-color: $borderColor $borderColor $borderColor transparent;
*border-left-color: $white;
}
@@ -15,7 +15,7 @@
display: inline-block;
padding: 5px 14px;
background-color: #fff;
- border: 1px solid #ddd;
+ border: 1px solid $borderColor;
@include border-radius(15px);
}
.pager a:hover {
@@ -21,7 +21,7 @@
padding: 0 14px;
line-height: ($baseLineHeight * 2) - 2;
text-decoration: none;
- border: 1px solid #ddd;
+ border: 1px solid $borderColor;
border-left-width: 0;
}
.pagination a:hover, .pagination .active a {
@@ -14,7 +14,7 @@
display: block;
padding: 4px;
line-height: 1;
- border: 1px solid #ddd;
+ border: 1px solid $borderColor;
@include border-radius(4px);
@include box-shadow(0 1px 1px rgba(0,0,0,.075));
}
@@ -164,7 +164,7 @@ em {
// Abbreviations and acronyms
abbr[title] {
- border-bottom: 1px dotted #ddd;
+ border-bottom: 1px dotted $borderColor;
cursor: help;
}
@@ -34,6 +34,7 @@ $purple: #7a43b6 !default;
// -------------------------
$bodyBackground: $white !default;
$textColor: $grayDark !default;
+$borderColor: #ddd !default;
// Links
// -------------------------
@@ -56,7 +57,7 @@ $headingsColor: inherit !default; // empty to use BS default, @textColor
$tableBackground: transparent !default; // overall background-color
$tableBackgroundAccent: #f9f9f9 !default; // for striping
$tableBackgroundHover: $whiteSmoke !default; // for hover
-$tableBorder: #ddd !default; // table and cell border
+$tableBorder: $borderColor !default; // table and cell border
// Buttons
// -------------------------
@@ -11,7 +11,7 @@
@include border-radius(4px);
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
blockquote {
- border-color: #ddd;
+ border-color: $borderColor;
border-color: rgba(0,0,0,.15);
}
}

0 comments on commit a88e387

Please sign in to comment.