diff options
| author | Sam Potts <sam@potts.es> | 2017-12-08 15:54:08 +0000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2017-12-08 15:54:08 +0000 |
| commit | 82f81f4f735c74b7425a66b7c9ec6f0bd91ae7a2 (patch) | |
| tree | 8a0f1839efbf7b91d346cc79b87ca6f5324df347 /demo/src/less/components/buttons.less | |
| parent | c8990bd379d97f4eb14cc35aaa90caebfb7db220 (diff) | |
| download | plyr-82f81f4f735c74b7425a66b7c9ec6f0bd91ae7a2.tar.lz plyr-82f81f4f735c74b7425a66b7c9ec6f0bd91ae7a2.tar.xz plyr-82f81f4f735c74b7425a66b7c9ec6f0bd91ae7a2.zip | |
More Edge fixes and small UI bugs
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 |