summaryrefslogtreecommitdiff
path: root/paper/bootswatch.less
diff options
context:
space:
mode:
Diffstat (limited to 'paper/bootswatch.less')
-rw-r--r--paper/bootswatch.less60
1 files changed, 30 insertions, 30 deletions
diff --git a/paper/bootswatch.less b/paper/bootswatch.less
index 9e22fe28..25abb599 100644
--- a/paper/bootswatch.less
+++ b/paper/bootswatch.less
@@ -36,34 +36,33 @@
// Buttons ====================================================================
-#btn(@class) {
+#btn(@class,@bg) {
.btn-@{class} {
- @bg: "btn-@{class}-bg";
- #gradient > .radial(@@bg 80%, darken(@@bg, 6%) 81%);
+ #gradient > .radial(@bg 80%, darken(@bg, 6%) 81%);
background-size: 200%;
background-position: 50%;
transition: background-size 2s;
&:hover {
background-size: 100%;
- border-color: darken(@@bg, 6%);
+ border-color: darken(@bg, 6%);
}
&:active {
- background-color: darken(@@bg, 6%);
- #gradient > .radial(darken(@@bg, 6%) 10%, @@bg 11%);
+ background-color: darken(@bg, 6%);
+ #gradient > .radial(darken(@bg, 6%) 10%, @bg 11%);
background-size: 1000%;
.box-shadow(2px 2px 2px rgba(0,0,0,.3));
}
}
}
-#btn(default);
-#btn(primary);
-#btn(success);
-#btn(info);
-#btn(warning);
-#btn(danger);
+#btn(default,@btn-default-bg);
+#btn(primary,@btn-primary-bg);
+#btn(success,@btn-success-bg);
+#btn(info,@btn-info-bg);
+#btn(warning,@btn-warning-bg);
+#btn(danger,@btn-danger-bg);
.btn {
text-transform: uppercase;
@@ -287,31 +286,32 @@ select.form-control {
border-radius: 0 3px 3px 0;
}
- &:last-child&:before {
- display: block;
- content: 'div::before';
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- right: 0;
- z-index: -1;
- background-color: lighten(@progress-bar-bg, 35%);
+ &:last-child {
+ &:before {
+ display: block;
+ content: 'div::before';
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ background-color: lighten(@progress-bar-bg, 35%);
+ }
}
-
- &-success:last-child&:before {
+
+ &-success:last-child.progress-bar:before {
background-color: lighten(@brand-success, 35%);
}
-
- &-info:last-child&:before {
+
+ &-info:last-child.progress-bar:before {
background-color: lighten(@brand-info, 45%);
}
-
- &-warning:last-child&:before {
+ &-warning:last-child.progress-bar:before {
background-color: lighten(@brand-warning, 35%);
}
-
- &-danger:last-child&:before {
+
+ &-danger:last-child.progress-bar:before {
background-color: lighten(@brand-danger, 25%);
}
}