summary refs log tree commit diff
path: root/bower_components/bootstrap/less/mixins/buttons.less
diff options
context:
space:
mode:
authorMorgan <morgan.bohn@unistra.fr>2015-09-15 13:42:08 +0200
committerMorgan <morgan.bohn@unistra.fr>2015-09-15 13:42:08 +0200
commite2c33fc218dd3677a7f8366815a6b4de1ff7cde3 (patch)
tree3a326f34cd6e8608eab2d42faf364b0b9d77128e /bower_components/bootstrap/less/mixins/buttons.less
parentexamples from eiro.github.com (diff)
downloadspore.github.io-e2c33fc218dd3677a7f8366815a6b4de1ff7cde3.tar.gz
initial commit
Diffstat (limited to 'bower_components/bootstrap/less/mixins/buttons.less')
-rw-r--r--bower_components/bootstrap/less/mixins/buttons.less68
1 files changed, 68 insertions, 0 deletions
diff --git a/bower_components/bootstrap/less/mixins/buttons.less b/bower_components/bootstrap/less/mixins/buttons.less
new file mode 100644
index 0000000..6875a97
--- /dev/null
+++ b/bower_components/bootstrap/less/mixins/buttons.less
@@ -0,0 +1,68 @@
+// Button variants
+//
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+
+.button-variant(@color; @background; @border) {
+  color: @color;
+  background-color: @background;
+  border-color: @border;
+
+  &:focus,
+  &.focus {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 25%);
+  }
+  &:hover {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 12%);
+  }
+  &:active,
+  &.active,
+  .open > .dropdown-toggle& {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 12%);
+
+    &:hover,
+    &:focus,
+    &.focus {
+      color: @color;
+      background-color: darken(@background, 17%);
+          border-color: darken(@border, 25%);
+    }
+  }
+  &:active,
+  &.active,
+  .open > .dropdown-toggle& {
+    background-image: none;
+  }
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus,
+    &.focus,
+    &:active,
+    &.active {
+      background-color: @background;
+          border-color: @border;
+    }
+  }
+
+  .badge {
+    color: @background;
+    background-color: @color;
+  }
+}
+
+// Button sizes
+.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
+  padding: @padding-vertical @padding-horizontal;
+  font-size: @font-size;
+  line-height: @line-height;
+  border-radius: @border-radius;
+}