diff options
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 { |