mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-04-20 22:22:05 +02:00
Code Issues Releases Wiki Activity

fix(badge): rename is-splited to is-split

Browse Source
This commit is contained in:
ldd 2020-05-27 09:42:13 -04:00
parent 7cb4a1dda8
commit c0b925ee4a
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/script.js
View File

@ -436,12 +436,12 @@ const sampleCollection = [
<span class="is-error">framework!</span>
</a>
<a href="#" class="nes-badge is-splited">
<a href="#" class="nes-badge is-split">
<span class="is-dark">npm</span>
<span class="is-primary">1.1.0</span>
</a>
<a href="#" class="nes-badge is-splited">
<a href="#" class="nes-badge is-split">
<span class="is-dark">test</span>
<span class="is-success">100%</span>
</a>

6
scss/elements/badges.scss
View File

@ -27,7 +27,7 @@
@mixin badge-style($color, $background, $option: is-default) {
$box-shadow-first-two: 0 0.5em $background, 0 -0.5em $background;
@if $option == is-splited {
@if $option == is-split {
&:first-child {
@include span-style($color, $background, left);
@ -85,9 +85,9 @@
"error" $background-color map-get($error-colors, "normal");
@each $type in $types {
&.is-splited {
&.is-split {
& span.is-#{nth($type, 1)} {
@include badge-style(nth($type, 2), nth($type, 3), is-splited);
@include badge-style(nth($type, 2), nth($type, 3), is-split);
}
}

4
story/badge/badge.template.js
View File

@ -12,9 +12,9 @@ export default () => {
const iconStyle = select('Badge Display', {
default: '',
'is-splited': 'is-splited',
'is-split': 'is-split',
'is-icon': 'is-icon',
}, 'is-splited');
}, 'is-split');
const leftOptions = select('Left Style', {
...sharedComponentOptions,