feat: added google icon

nostalgic-css · Dec 7, 2018 · 64c29b9 · 64c29b9
1 parent f6b0fb3
commit 64c29b9
Show file tree

Hide file tree

Showing 6 changed files with 68 additions and 2 deletions.
diff --git a/css/nes.css b/css/nes.css
diff --git a/css/nes.css.map b/css/nes.css.map
diff --git a/css/nes.min.css b/css/nes.min.css
diff --git a/index.html b/index.html
@@ -196,6 +196,10 @@ <h3 class="title">SNS</h3>
           <i class="icon youtube"></i>
           <i class="icon youtube is-medium"></i>
           <i class="icon youtube is-large"></i>
+
+          <i class="icon google"></i>
+          <i class="icon google is-medium"></i>
+          <i class="icon google is-large"></i>
         </div>
       </section>
 

diff --git a/scss/icons/google.scss b/scss/icons/google.scss
@@ -0,0 +1,20 @@
+$icon-google-colors: (#4285f4, #fff, #db4437, #f4b400, #0f9d58);
+// prettier-ignore
+$icon-google: (
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
+  ( 2,2,2,2,2,3,3,3,3,3,3,2,2,2,2,2 ),
+  ( 2,2,2,3,3,3,3,3,3,3,3,3,3,2,2,2 ),
+  ( 2,2,3,3,3,3,3,3,3,3,3,3,2,2,2,2 ),
+  ( 2,3,3,3,3,2,2,2,2,2,3,2,2,2,2,2 ),
+  ( 4,3,3,3,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 4,4,3,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 4,4,4,2,2,2,2,2,1,1,1,1,1,1,1,2 ),
+  ( 4,4,4,2,2,2,2,2,1,1,1,1,1,1,1,2 ),
+  ( 4,4,4,2,2,2,2,2,1,1,1,1,1,1,1,2 ),
+  ( 4,4,5,2,2,2,2,2,2,2,2,2,1,1,1,2 ),
+  ( 4,5,5,5,2,2,2,2,2,2,2,1,1,1,1,2 ),
+  ( 2,5,5,5,5,2,2,2,2,2,5,1,1,1,2,2 ),
+  ( 2,2,5,5,5,5,5,5,5,5,5,5,1,1,2,2 ),
+  ( 2,2,2,5,5,5,5,5,5,5,5,5,5,2,2,2 ),
+  ( 0,2,2,2,2,5,5,5,5,5,5,2,2,2,2,0 )
+);
diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss
@@ -8,6 +8,7 @@
 @import "facebook.scss";
 @import "github.scss";
 @import "youtube.scss";
+@import "google.scss";
 
 // others
 @import "close.scss";
@@ -78,6 +79,10 @@
     &.youtube::before {
       @include pixelize($icon-youtube, $icon-youtube-colors, $px);
     }
+
+    &.google::before {
+      @include pixelize($icon-google, $icon-google-colors, $px);
+    }
   }
 
   // default