Summary Files Commits Branches @commit @diff @stats
path: root / src / buttons.less
diff options
context:
space:
mode:
1 files changed, 13 insertions, 11 deletions
-rw-r--r--src/buttons.less24
diff --git a/src/buttons.less b/src/buttons.less
index e42a31f..3547e11 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -17,7 +17,6 @@
user-select: none;
vertical-align: middle;
white-space: nowrap;
-
&:focus {
background: lighten(@core-secondary-color, 1%);
}
@@ -38,22 +37,22 @@
background: @core-color;
border-color: darken(@core-color, 5%);
color: @core-light-color;
-
&:focus {
- background: darken(@core-color, 2%);
+ background: darken(@core-color, 4%);
+ border-color: darken(@core-color, 10%);
+ color: @core-light-color;
}
&:hover {
- background: darken(@core-color, 5%);
- border-color: darken(@core-color, 10%);
+ background: darken(@core-color, 6%);
+ border-color: darken(@core-color, 15%);
color: @core-light-color;
}
&:active,
&.active {
- background: darken(@core-color, 10%);
+ background: darken(@core-color, 8%);
border-color: darken(@core-color, 15%);
color: @core-light-color;
}
-
&.loading {
&::after {
border-color: @core-light-color;
@@ -68,13 +67,14 @@
background: transparent;
border-color: transparent;
color: @core-link-color;
-
- &:hover,
- &:focus {
+ &:focus,
+ &:hover {
+ background: lighten(@core-border-color, 2%);
color: darken(@core-link-color, 15%);
}
&:active,
&.active {
+ background: @core-border-color;
color: darken(@core-link-color, 25%);
}
}
@@ -146,7 +146,9 @@
margin-left: -.1rem;
}
&:hover,
- &:focus {
+ &:focus,
+ &:active,
+ &.active {
z-index: 99;
}
}