-// Slate 3.0.0
+// Slate 3.0.3
// Bootswatch
// -----------------------------------------------------
.btn-shadow(@color) {
#gradient > .vertical-three-colors(lighten(@color, 6%), @color, 60%, darken(@color, 4%));
+ filter: none;
}
.btn-shadow-inverse(@color) {
#gradient > .vertical-three-colors(darken(@color, 24%), darken(@color, 18%), 40%, darken(@color, 14%));
+ filter: none;
}
// Navbar =====================================================================
.navbar {
.btn-shadow(@navbar-default-bg);
- filter: none;
border: 1px solid rgba(0, 0, 0, 0.6);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
.btn-default {
.btn-shadow(@btn-default-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-default-bg);
+ }
}
.btn-primary {
.btn-shadow(@btn-primary-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-primary-bg);
+ }
}
.btn-success {
.btn-shadow(@btn-success-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-success-bg);
+ }
}
.btn-info {
.btn-shadow(@btn-info-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-info-bg);
+ }
}
.btn-warning {
.btn-shadow(@btn-warning-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-warning-bg);
+ }
}
.btn-danger {
.btn-shadow(@btn-danger-bg);
-}
-
-.btn-default:hover {
- .btn-shadow-inverse(@btn-default-bg);
-}
-.btn-primary:hover {
- .btn-shadow-inverse(@btn-primary-bg);
-}
-
-.btn-success:hover {
- .btn-shadow-inverse(@btn-success-bg);
-}
-
-.btn-info:hover {
- .btn-shadow-inverse(@btn-info-bg);
-}
-
-.btn-warning:hover {
- .btn-shadow-inverse(@btn-warning-bg);
+ &:hover {
+ .btn-shadow-inverse(@btn-danger-bg);
+ }
}
-.btn-danger:hover {
- .btn-shadow-inverse(@btn-danger-bg);
+.btn-link,
+.btn-link:hover {
+ border-color: transparent;
}
// Typography =================================================================
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
-.text-primary {
+.text-primary,
+.text-primary:hover {
color: @brand-primary;
}
-.text-success {
+.text-success,
+.text-success:hover {
color: @brand-success;
}
-.text-danger {
+.text-danger,
+.text-danger:hover {
color: @brand-danger;
}
-.text-warning {
+.text-warning,
+.text-warning:hover {
color: @brand-warning;
}
-.text-info {
+.text-info,
+.text-info:hover {
color: @brand-info;
}
}
}
+.table-responsive > .table {
+ background-color: @table-bg;
+}
+
// Forms ======================================================================
.has-warning {
border-color: rgba(0, 0, 0, 0.6);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
.btn-shadow(@btn-default-bg);
+ color: @btn-default-color;
}
// Navs =======================================================================