Skip to content

Commit

Permalink
feat(icons): add gmail and linkedin icons
Browse files Browse the repository at this point in the history
  • Loading branch information
guastallaigor committed Dec 12, 2018
1 parent 3268735 commit 97de9ff
Show file tree
Hide file tree
Showing 5 changed files with 79 additions and 7 deletions.
8 changes: 8 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -280,6 +280,14 @@ <h3 class="title">SNS</h3>
<i class="nes-icon whatsapp"></i>
<i class="nes-icon whatsapp is-medium"></i>
<i class="nes-icon whatsapp is-large"></i>

<i class="nes-icon gmail"></i>
<i class="nes-icon gmail is-medium"></i>
<i class="nes-icon gmail is-large"></i>

<i class="nes-icon linkedin"></i>
<i class="nes-icon linkedin is-medium"></i>
<i class="nes-icon linkedin is-large"></i>
</div>
</section>

Expand Down
28 changes: 21 additions & 7 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

20 changes: 20 additions & 0 deletions scss/icons/gmail.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
$icon-gmail-colors: (#eeecec, #fd2b2b);
// prettier-ignore
$icon-gmail: (
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
(2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
(2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2),
(2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2),
(2,2,1,2,2,1,1,1,1,1,1,2,2,1,2,2),
(2,2,1,1,2,2,1,1,1,1,2,2,1,1,2,2),
(2,2,1,1,1,2,2,1,1,2,2,1,1,1,2,2),
(2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2),
(2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2),
(2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
(2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
(2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
(2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,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,0,0,0,0,0,0,0,0)
);
10 changes: 10 additions & 0 deletions scss/icons/icons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,8 @@
@import "twitch.scss";
@import "reddit.scss";
@import "whatsapp.scss";
@import "gmail.scss";
@import "linkedin.scss";

// others
@import "close.scss";
Expand Down Expand Up @@ -112,6 +114,14 @@
&.whatsapp::before {
@include pixelize($icon-whatsapp, $icon-whatsapp-colors, $px);
}

&.gmail::before {
@include pixelize($icon-gmail, $icon-gmail-colors, $px);
}

&.linkedin::before {
@include pixelize($icon-linkedin, $icon-linkedin-colors, $px);
}
}

// default
Expand Down
20 changes: 20 additions & 0 deletions scss/icons/linkedin.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
$icon-linkedin-colors: (#fff, #2577b9);
// prettier-ignore
$icon-linkedin: (
(0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
(2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
(2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
(2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
(2,2,1,1,1,2,1,1,1,2,1,1,1,2,2,2),
(2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,1,2,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
(2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
(0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
);

0 comments on commit 97de9ff

Please sign in to comment.