mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-11 17:04:03 +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
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> <span class="is-error">framework!</span>
</a> </a>
<a href="#" class="nes-badge is-splited"> <a href="#" class="nes-badge is-split">
<span class="is-dark">npm</span> <span class="is-dark">npm</span>
<span class="is-primary">1.1.0</span> <span class="is-primary">1.1.0</span>
</a> </a>
<a href="#" class="nes-badge is-splited"> <a href="#" class="nes-badge is-split">
<span class="is-dark">test</span> <span class="is-dark">test</span>
<span class="is-success">100%</span> <span class="is-success">100%</span>
</a> </a>

6
scss/elements/badges.scss
View File

@@ -27,7 +27,7 @@
@mixin badge-style($color, $background, $option: is-default) { @mixin badge-style($color, $background, $option: is-default) {
$box-shadow-first-two: 0 0.5em $background, 0 -0.5em $background; $box-shadow-first-two: 0 0.5em $background, 0 -0.5em $background;
@if $option == is-splited { @if $option == is-split {
&:first-child { &:first-child {
@include span-style($color, $background, left); @include span-style($color, $background, left);
@@ -85,9 +85,9 @@
"error" $background-color map-get($error-colors, "normal"); "error" $background-color map-get($error-colors, "normal");
@each $type in $types { @each $type in $types {
&.is-splited { &.is-split {
& span.is-#{nth($type, 1)} { & 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', { const iconStyle = select('Badge Display', {
default: '', default: '',
'is-splited': 'is-splited', 'is-split': 'is-split',
'is-icon': 'is-icon', 'is-icon': 'is-icon',
}, 'is-splited'); }, 'is-split');
const leftOptions = select('Left Style', { const leftOptions = select('Left Style', {
...sharedComponentOptions, ...sharedComponentOptions,