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

Add empty state icons

Browse Source
This commit is contained in:
BcRikko
2018-12-02 12:09:37 +09:00
parent f41a6ffb63
commit 15de46fd76
8 changed files with 226 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
scss/icons/heart.scss
View File

@@ -18,3 +18,24 @@ $icon-heart: (
(0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
);
$icon-heart-empty-colors: (#adafbb);
// prettier-ignore
$icon-heart-empty: (
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,1,1,1,0,0,0,0,0,1,1,1,0,0,0),
(0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0),
(1,0,0,0,0,0,1,0,1,0,0,0,0,0,1,0),
(1,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0),
(1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
(1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
(1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
(0,1,0,0,0,0,0,0,0,0,0,0,0,1,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0),
(0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0),
(0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
);

9
scss/icons/icons.scss
View File

@@ -36,10 +36,16 @@
&.heart::before {
@include pixelize($icon-heart, $icon-heart-colors, $px);
}
&.heart.is-empty::before {
@include pixelize($icon-heart-empty, $icon-heart-empty-colors, $px);
}
&.star::before {
@include pixelize($icon-star, $icon-star-colors, $px);
}
&.star.is-empty::before {
@include pixelize($icon-star-empty, $icon-star-empty-colors, $px);
}
&.trophy::before {
@include pixelize($icon-trophy, $icon-trophy-colors, $px);
@@ -48,6 +54,9 @@
&.like::before {
@include pixelize($icon-like, $icon-like-colors, $px);
}
&.like.is-empty::before {
@include pixelize($icon-like-empty, $icon-like-empty-colors, $px);
}
&.twitter::before {
@include pixelize($icon-twitter, $icon-twitter-colors, $px);

21
scss/icons/like.scss
View File

@@ -18,3 +18,24 @@ $icon-like: (
(0,2,2,2,0,2,2,2,2,2,2,2,2,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
);
$icon-like-empty-colors: (#adafbb);
// prettier-ignore
$icon-like-empty: (
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,0,1,0,0,0,0,0,0),
(0,0,0,0,0,0,0,1,0,1,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,0,1,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,0,1,1,1,1,1,1,0),
(0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,1),
(0,1,1,1,0,1,0,0,0,0,0,0,0,0,0,1),
(1,0,0,0,1,0,0,0,0,0,0,0,0,0,0,1),
(1,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0),
(1,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0),
(1,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0),
(1,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0),
(1,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0),
(0,1,1,1,0,1,1,1,1,1,1,1,1,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
);

21
scss/icons/star.scss
View File

@@ -18,3 +18,24 @@ $icon-star: (
(2,4,4,2,2,0,0,0,0,0,2,2,4,4,2,0),
(2,2,2,0,0,0,0,0,0,0,0,0,2,2,2,0)
);
$icon-star-empty-colors: (#adafbb);
// prettier-ignore
$icon-star-empty: (
(0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
(0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
(0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
(0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
(1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,0),
(1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
(0,1,0,0,0,0,0,0,0,0,0,0,0,1,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
(0,1,0,0,0,0,0,1,0,0,0,0,0,1,0,0),
(0,1,0,0,0,1,1,0,1,1,0,0,0,1,0,0),
(1,0,0,1,1,0,0,0,0,0,1,1,0,0,1,0),
(1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,0)
);