mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-31 17:51:46 +02:00
Code Issues Releases Wiki Activity

Merge pull request #285 from nostalgic-css/revert-258-add-psone-controller-icon

Browse Source 
Revert "feat(icons): add psone controller icon"
This commit is contained in:
Igor Guastalla
2019-02-11 07:45:15 -02:00
committed by GitHub
parent 3fc6a86fa9 972a6d1f27
commit aa99f0a93e
4 changed files with 1 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/icons.stories.js
View File

@@ -33,7 +33,6 @@ stories.add('icon', () => {
'nes-jp-logo': 'nes-jp-logo', 'nes-jp-logo': 'nes-jp-logo',
'snes-logo': 'snes-logo', 'snes-logo': 'snes-logo',
'snes-jp-logo': 'snes-jp-logo', 'snes-jp-logo': 'snes-jp-logo',
'nes-psone': 'nes-psone',
}, 'nes-icon twitter'); }, 'nes-icon twitter');
const selectedSize = radios('size', { const selectedSize = radios('size', {
default: '', default: '',

4
index.html
View File

@@ -852,7 +852,6 @@
<i class="nes-jp-logo"></i> <i class="nes-jp-logo"></i>
<i class="snes-logo"></i> <i class="snes-logo"></i>
<i class="snes-jp-logo"></i> <i class="snes-jp-logo"></i>
<i class="nes-psone"></i>
</div> </div>
<button type="button" class="nes-btn is-error show-code" id="show-controllers-code">&lt;&gt;</button> <button type="button" class="nes-btn is-error show-code" id="show-controllers-code">&lt;&gt;</button>
<span class="nes-balloon from-right copied" id="copied-controllers">Copied!</span> <span class="nes-balloon from-right copied" id="copied-controllers">Copied!</span>
@@ -861,8 +860,7 @@
<pre class="sample-code"><code class="html">&lt;i class=&quot;nes-logo&quot;&gt;&lt;/i&gt; <pre class="sample-code"><code class="html">&lt;i class=&quot;nes-logo&quot;&gt;&lt;/i&gt;
&lt;i class=&quot;nes-jp-logo&quot;&gt;&lt;/i&gt; &lt;i class=&quot;nes-jp-logo&quot;&gt;&lt;/i&gt;
&lt;i class=&quot;snes-logo&quot;&gt;&lt;/i&gt; &lt;i class=&quot;snes-logo&quot;&gt;&lt;/i&gt;
&lt;i class=&quot;snes-jp-logo&quot;&gt;&lt;/i&gt; &lt;i class=&quot;snes-jp-logo&quot;&gt;&lt;/i&gt;</code></pre>
&lt;i class=&quot;nes-psone&quot;&gt;&lt;/i&gt;</code></pre>
<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('controllers')">Copy</button> <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('controllers')">Copy</button>
</section> </section>
</section> </section>

1
scss/pixel-arts/_index.scss
View File

@@ -14,5 +14,4 @@
@import "smartphone.scss"; @import "smartphone.scss";
@import "mario.scss"; @import "mario.scss";
@import "kirby.scss"; @import "kirby.scss";
@import "psone.scss";
@import "octocat.scss"; @import "octocat.scss";

34
scss/pixel-arts/psone.scss
View File

@@ -1,34 +0,0 @@
.nes-psone {
$psone-colors: (#cbcbcb, #b1b1b2, #2a2a2a);
// prettier-ignore
$psone: (
(0,0,0,0,0,0,0,3,0,0,0,0,0,0,0,0),
(0,0,1,1,1,0,0,3,0,0,0,1,1,1,0,0),
(0,1,1,1,1,1,0,0,3,0,1,1,1,1,1,0),
(1,1,1,3,1,1,1,1,1,1,1,1,3,1,1,1),
(1,1,3,1,3,1,1,1,1,1,1,3,1,3,1,1),
(1,1,1,3,1,1,1,1,1,1,1,1,3,1,1,1),
(2,1,1,1,1,1,3,1,1,3,1,1,1,1,1,2),
(2,2,1,1,1,0,0,0,0,0,0,1,1,1,2,2),
(2,2,2,2,0,0,0,0,0,0,0,0,2,2,2,2),
(0,2,2,0,0,0,0,0,0,0,0,0,0,2,2,0)
);
$size: 4px;
position: relative;
display: inline-block;
width: $size * length(nth($psone, 1));
height: $size * length($psone);
&::before {
position: absolute;
top: -$size;
left: -$size;
content: "";
background: transparent;
@include pixelize($size, $psone, $psone-colors);
}
}