summaryrefslogtreecommitdiff
path: root/slate/bootswatch.less
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2013-08-06 15:16:13 -0400
committerThomas Park <thomas@thomaspark.me>2013-08-06 15:16:13 -0400
commit20e2d90874a3e1116c76e1547210d191dd0159f4 (patch)
treea9d775814f5dbdf36d45a486f3ab58d0253aafc6 /slate/bootswatch.less
parent55f9c2cec0e48dc5190a1f81f297e469c2d5015b (diff)
first commit for 3.0.0-rc1
Diffstat (limited to 'slate/bootswatch.less')
-rw-r--r--slate/bootswatch.less304
1 files changed, 304 insertions, 0 deletions
diff --git a/slate/bootswatch.less b/slate/bootswatch.less
new file mode 100644
index 00000000..da546b1c
--- /dev/null
+++ b/slate/bootswatch.less
@@ -0,0 +1,304 @@
+// Slate 3.0.0
+// Bootswatch
+// -----------------------------------------------------
+
+.btn-shadow(@color) {
+ #gradient > .vertical-three-colors(lighten(@color, 6%), @color, 60%, darken(@color, 4%));
+}
+
+.btn-shadow-inverse(@color) {
+ #gradient > .vertical-three-colors(darken(@color, 24%), darken(@color, 18%), 40%, darken(@color, 14%));
+}
+
+// Navbar =====================================================================
+
+.navbar {
+
+ .btn-shadow(@navbar-bg);
+ border: 1px solid rgba(0, 0, 0, 0.6);
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+
+ &-inverse {
+ .btn-shadow(@navbar-inverse-bg);
+ }
+
+ &-brand {
+ margin-right: 0;
+ border-right: 1px solid rgba(0, 0, 0, 0.4);
+
+ &:hover {
+ .btn-shadow-inverse(@navbar-bg);
+ }
+ }
+
+ &-nav > li > a {
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
+
+ &:hover {
+ .btn-shadow-inverse(@navbar-bg);
+ border-left-color: transparent;
+ }
+ }
+
+ &-nav > li.active > a {
+ border-left-color: transparent;
+ }
+
+ &-form {
+ margin-left: 5px;
+ margin-right: 5px;
+ }
+}
+
+// Buttons ====================================================================
+
+.btn,
+.btn:hover {
+ border-color: rgba(0, 0, 0, 0.6);
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+}
+
+.btn-default {
+ .btn-shadow(@btn-default-bg);
+}
+
+.btn-primary {
+ .btn-shadow(@btn-primary-bg);
+}
+
+.btn-success {
+ .btn-shadow(@btn-success-bg);
+}
+
+.btn-info {
+ .btn-shadow(@btn-info-bg);
+}
+
+.btn-warning {
+ .btn-shadow(@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);
+}
+
+.btn-danger:hover {
+ .btn-shadow-inverse(@btn-danger-bg);
+}
+
+// Typography =================================================================
+
+h1, h2, h3, h4, h5, h6 {
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
+}
+
+.text-primary {
+ color: @brand-primary;
+}
+
+.text-success {
+ color: @brand-success;
+}
+
+.text-danger {
+ color: @brand-danger;
+}
+
+.text-warning {
+ color: @brand-warning;
+}
+
+.text-info {
+ color: @brand-info;
+}
+
+// Tables =====================================================================
+
+.table {
+
+ tr.success,
+ tr.warning,
+ tr.danger {
+ color: #fff;
+ }
+
+ &-bordered tbody {
+
+ tr.success,
+ tr.warning,
+ tr.danger {
+
+ td,
+ &:hover td {
+ border-color: @table-border-color;
+ }
+ }
+ }
+}
+
+// Forms ======================================================================
+
+.has-warning {
+ .help-block,
+ .control-label {
+ color: @brand-warning;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-warning;
+ }
+}
+
+.has-error {
+ .help-block,
+ .control-label {
+ color: @brand-danger;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-danger;
+ }
+}
+
+.has-success {
+ .help-block,
+ .control-label {
+ color: @brand-success;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-success;
+ }
+}
+
+legend {
+ color: #fff;
+}
+
+.input-group-addon {
+ border-color: rgba(0, 0, 0, 0.6);
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+ .btn-shadow(@btn-default-bg);
+}
+
+// Navs =======================================================================
+
+.nav-pills {
+ & > li > a {
+ .btn-shadow(@btn-default-bg);
+ border: 1px solid rgba(0, 0, 0, 0.6);
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-default-bg);
+ border: 1px solid rgba(0, 0, 0, 0.6);
+ }
+ }
+
+ & > li.active > a,
+ & > li.active > a:hover {
+ bacground-color: none;
+ .btn-shadow-inverse(@btn-default-bg);
+ border: 1px solid rgba(0, 0, 0, 0.6);
+ }
+
+ & > li.disabled > a,
+ & > li.disabled > a:hover {
+ .btn-shadow(@btn-default-bg);
+ }
+}
+
+.pagination {
+
+ & > li > a {
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+ .btn-shadow(@btn-default-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-default-bg);
+ }
+ }
+
+ & > li.active > a {
+ .btn-shadow-inverse(@btn-default-bg);
+ }
+
+ & > li.disabled > a,
+ & > li.disabled > a:hover {
+ background-color: transparent;
+ .btn-shadow(@btn-default-bg);
+ }
+}
+
+.pager {
+
+ & > li > a {
+ .btn-shadow(@btn-default-bg);
+ border: 1px solid rgba(0, 0, 0, 0.6);
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-default-bg);
+ border: 1px solid rgba(0, 0, 0, 0.6);
+ }
+ }
+
+ & > li.disabled > a,
+ & > li.disabled > a:hover {
+ background-color: transparent;
+ .btn-shadow(@btn-default-bg);
+ }
+}
+
+.breadcrumb {
+ border: 1px solid rgba(0, 0, 0, 0.6);
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+ .btn-shadow(@btn-default-bg);
+}
+
+// Indicators =================================================================
+
+.alert {
+
+ .alert-link,
+ a {
+ color: #fff;
+ text-decoration: underline;
+ }
+}
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
+
+.jumbotron {
+ border: 1px solid rgba(0, 0, 0, 0.6);
+}
+
+.list-group-item {
+ background-color: lighten(@body-bg, 5%);
+} \ No newline at end of file