diff --git a/docs/badge.stories.js b/docs/badge.stories.js index e6c3255..8df8567 100644 --- a/docs/badge.stories.js +++ b/docs/badge.stories.js @@ -1,6 +1,6 @@ import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies import { // eslint-disable-line import/no-extraneous-dependencies - withKnobs, radios, boolean, number + withKnobs, radios, boolean, number, } from '@storybook/addon-knobs'; const stories = storiesOf('Badges', module); diff --git a/scss/elements/badges.scss b/scss/elements/badges.scss index c785cd2..d6c57e9 100644 --- a/scss/elements/badges.scss +++ b/scss/elements/badges.scss @@ -35,25 +35,22 @@ } } -@mixin setup($px) { -} - // Default style .nes-badge { $em: 0.75em; - width: $em * 14; - height: $em; - font-size: $em * 1.2; + position: relative; display: inline-block; + width: $em * 14; + height: $em; padding: 0.75em; margin: 0.5em; + font-size: $em * 1.2; text-align: center; white-space: nowrap; vertical-align: middle; cursor: $cursor-click-url, pointer; user-select: none; - @include setup(7px); // Other styles // prettier-ignore