-// Bootswatch.less
-// Swatch: Slate
-// Version: 2.1.0
+// Slate 2.2.1
+// Bootswatch
// -----------------------------------------------------
+
// TYPOGRAPHY
// -----------------------------------------------------
}
.breadcrumb {
- .box-shadow(none);
-}
-
-.breadcrumb, .pagination > ul a, .pager a {
border: 1px solid transparent;
- .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
#gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
-}
+ .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
-.breadcrumb li, .breadcrumb a, .pagination > ul a {
- color: @grayLighter;
- font-weight: bold;
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-}
+ a {
+ color: @grayLighter;
+ font-weight: bold;
+ }
-.breadcrumb a {
- color: @white;
+ li {
+ color: @grayLight;
+ font-weight: bold;
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+ }
}
.pagination {
- & > ul {
+ ul {
.box-shadow(none);
}
- & li > a,
- & li.disabled > a {
+ ul > li > a,
+ ul > li > span {
border-left: 1px solid @gray;
border-right: 1px solid darken(@gray, 15%);
border-top: none;
border-bottom: none;
- }
-
- li.disabled > a {
- #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
- }
+ #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
+ .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
+ color: @grayLighter;
+ font-weight: bold;
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
- & > ul > li:not(.disabled) a:hover,
- {
- #gradient > .directional(@grayDarker, @grayDark, 280deg);
- border-left: 1px solid transparent;
+ &:hover {
+ #gradient > .directional(@grayDarker, @grayDark, 280deg);
+ border-left: 1px solid transparent;
+ }
}
- & > ul > li.active > a,
- & > ul > li.active > a:hover {
+ ul > .active > a,
+ ul > .active > a:hover,
+ ul > .active > span,
+ ul > .active > span:hover {
color: @grayLighter;
background-color: @grayDark;
#gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
border-left: 1px solid transparent;
}
+
+ ul > .disabled > a,
+ ul > .disabled > a:hover,
+ ul > .disabled > span,
+ ul > .disabled > span:hover {
+ border-left: 1px solid @gray;
+ border-right: 1px solid darken(@gray, 15%);
+ border-top: none;
+ border-bottom: none;
+ #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
+ }
}
.pager {
+ a {
+ border: 1px solid transparent;
+ .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
+ #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
+ }
+
a:hover {
#gradient > .directional(@grayDarker, @grayDark, 280deg);
border: 1px solid transparent;
background-color: transparent;
}
+.dropdown-submenu > a::after {
+ border-left-color: @white;
+}
+
// ALERTS, LABELS, BADGES
// -----------------------------------------------------
// -----------------------------------------------------
.well, .hero-unit {
- .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
+ .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
}
.thumbnail,
.progress {
background-color: darken(@grayDarker, 3%);
#gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
- .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
+ .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
}
.footer {