Add button variants

This commit is contained in:
Ben Ogle
2013-08-29 15:46:51 -07:00
parent a512332bb5
commit 94567729fc

View File

@@ -19,6 +19,13 @@
}
}
.btn-variant (@color) {
@bg: darken(@color, 10%);
@hover: @color;
@selected: @color;
.btn-background(@bg, @hover, @selected, @text-color-highlight);
}
.btn {
border-radius: @component-border-radius;
border: none;
@@ -38,6 +45,22 @@
}
}
.btn.btn-primary {
.btn-variant(@background-color-info);
}
.btn.btn-info {
.btn-variant(@background-color-info);
}
.btn.btn-success {
.btn-variant(@background-color-success);
}
.btn.btn-warning {
.btn-variant(@background-color-warning);
}
.btn.btn-error {
.btn-variant(@background-color-error);
}
.btn.btn-xs, .btn-group-xs > .btn {
padding: 2px 5px;
font-size: 10px;