aboutsummaryrefslogtreecommitdiffstats
path: root/demo/src/less/components/buttons.less
diff options
context:
space:
mode:
Diffstat (limited to 'demo/src/less/components/buttons.less')
-rw-r--r--demo/src/less/components/buttons.less24
1 files changed, 23 insertions, 1 deletions
diff --git a/demo/src/less/components/buttons.less b/demo/src/less/components/buttons.less
index 2d9c65e5..a8a15682 100644
--- a/demo/src/less/components/buttons.less
+++ b/demo/src/less/components/buttons.less
@@ -29,16 +29,38 @@
&:hover,
&:focus {
color: @gray-dark;
- outline: 0;
+ // Remove the underline/border
&::after {
display: none;
}
}
+ &:hover {
+ transform: translateY(-1px);
+ box-shadow: 0 2px 2px fade(#000, 10%);
+ }
+
+ &:focus {
+ outline: 0;
+ }
+
&.tab-focus {
.tab-focus();
}
+
+ &:active {
+ transform: translateY(1px);
+ }
+}
+
+// Button group
+.button--with-count {
+ display: inline-flex;
+
+ .button .icon {
+ flex-shrink: 0;
+ }
}
// Count bubble