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 | |
| 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')
| -rw-r--r-- | demo/src/less/components/buttons.less | 24 | ||||
| -rw-r--r-- | demo/src/less/components/header.less | 12 |
2 files changed, 25 insertions, 11 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 diff --git a/demo/src/less/components/header.less b/demo/src/less/components/header.less index 5842bf92..adce51af 100644 --- a/demo/src/less/components/header.less +++ b/demo/src/less/components/header.less @@ -6,16 +6,8 @@ header { padding-bottom: @spacing-base; text-align: center; - p { - margin-bottom: (@spacing-base * 1.5); - } - - .action { - display: inline-flex; - - .button .icon { - flex-shrink: 0; - } + .call-to-action { + margin-top: (@spacing-base * 1.5); } @media @mq-md { |