diff options
Diffstat (limited to 'demo/src/less/components/buttons.less')
| -rw-r--r-- | demo/src/less/components/buttons.less | 24 |
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 |