aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-07-31 18:02:41 -0700
committerMark Otto <[email protected]>2013-07-31 18:02:41 -0700
commit7e19b6b02ccd5417a6c2d3d418c08219773f1112 (patch)
tree9ef34f3f208a68050c08acf3078247b74b95b586
parent3c39bc0d9609389f5e2e0357a677f50058d02a8a (diff)
downloadbootstrap-7e19b6b02ccd5417a6c2d3d418c08219773f1112.tar.xz
bootstrap-7e19b6b02ccd5417a6c2d3d418c08219773f1112.zip
add the theme file derp
-rw-r--r--less/theme.less55
1 files changed, 55 insertions, 0 deletions
diff --git a/less/theme.less b/less/theme.less
new file mode 100644
index 000000000..6befcc0c1
--- /dev/null
+++ b/less/theme.less
@@ -0,0 +1,55 @@
+
+//
+// Buttons
+// --------------------------------------------------
+
+// Button mixin for generating new styles
+.btn-styles(@btn-color: #555) {
+ text-shadow: 0 -1px 0 rgba(0,0,0,.2);
+ #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 10%));
+ border-color: darken(@btn-color, 12%);
+ @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
+ .box-shadow(@shadow);
+
+ // Reset the shadow
+ &:active,
+ &.active {
+ background-color: darken(@btn-color, 10%);
+ border-color: darken(@btn-color, 12%);
+ .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+ }
+}
+
+// Common styles
+.btn {
+ // Remove the gradient for the pressed/active state
+ &:active,
+ &.active {
+ background-image: none;
+ }
+}
+
+// Apply the mixin to the buttons
+.btn-default { .btn-styles(@btn-default-bg); }
+.btn-primary { .btn-styles(@btn-primary-bg); }
+.btn-success { .btn-styles(@btn-success-bg); }
+.btn-warning { .btn-styles(@btn-warning-bg); }
+.btn-danger { .btn-styles(@btn-danger-bg); }
+.btn-info { .btn-styles(@btn-info-bg); }
+
+
+
+
+//
+// Navbar
+// --------------------------------------------------
+
+// Basic navbar
+.navbar {
+ #gradient > .vertical(@start-color: lighten(@navbar-bg, 10%); @end-color: @navbar-bg;);
+}
+
+// Inverted navbar
+.navbar-inverse {
+ #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg;);
+}