Skip to content

Commit

Permalink
feat(icons): add kirby icon
Browse files Browse the repository at this point in the history
  • Loading branch information
guastallaigor committed Dec 10, 2018
1 parent 9579a19 commit d45de85
Show file tree
Hide file tree
Showing 3 changed files with 40 additions and 0 deletions.
1 change: 1 addition & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -284,6 +284,7 @@ <h3 class="title">Others</h3>

<i class="smartphone"></i>
<i class="phone"></i>
<i class="kirby"></i>
</div>
</section>

Expand Down
1 change: 1 addition & 0 deletions scss/pixel-arts/_index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -14,3 +14,4 @@
@import "squirtle.scss";
@import "phone.scss";
@import "smartphone.scss";
@import "kirby.scss";
38 changes: 38 additions & 0 deletions scss/pixel-arts/kirby.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
.kirby {
$px: 6px;
$kirby-colors: (#000, #ffaccc, #ff5478);
// prettier-ignore
$kirby: (
(0,0,1,1,0,1,1,1,1,1,0,0,0,0),
(0,1,2,2,1,2,2,2,2,2,1,1,0,0),
(1,2,2,1,2,2,2,2,2,2,2,2,1,0),
(1,2,2,2,2,2,1,2,1,2,2,2,2,1),
(1,2,2,2,2,2,1,2,1,2,2,2,2,1,),
(1,2,2,2,2,2,1,2,1,2,2,2,2,2,1),
(1,2,2,2,3,3,2,2,2,3,3,2,2,2,2,1),
(1,2,2,2,2,2,2,1,2,2,2,2,2,2,2,1),
(0,1,2,2,2,2,2,1,2,2,2,2,2,2,2,1),
(0,1,2,2,2,2,2,2,2,2,2,2,1,1,1,0),
(0,1,2,2,2,2,2,2,2,2,2,1,3,3,3,1),
(0,0,1,2,2,2,2,2,2,2,1,3,3,3,3,1),
(0,0,1,1,2,2,2,2,2,2,1,3,3,3,3,1),
(0,1,3,3,1,1,2,2,2,1,3,3,3,3,1),
(1,3,3,3,3,3,1,1,1,1,1,3,3,1),
(0,1,1,1,1,1,1,0,0,0,1,1,1,0)
);

position: relative;
display: inline-block;
width: $px * 16;
height: $px * 16;

&::before {
position: absolute;
top: $px * -1;
left: $px * -1;
content: "";
background: transparent;

@include pixelize($kirby, $kirby-colors, $px);
}
}

0 comments on commit d45de85

Please sign in to comment.