From 981307363064a00b702cc364a8a96b688328091e Mon Sep 17 00:00:00 2001
From: Wojciech Olejnik <divoolej@gmail.com>
Date: Thu, 20 Dec 2018 21:52:06 +0100
Subject: [PATCH] refactor(select): Refactor #pixelize usage, fix link in
 index.html

Use remove width, height and transform properties and use font-size to adjust #pixelize output.

#152
---
 index.html            |  2 +-
 scss/form/select.scss | 20 +++++---------------
 2 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/index.html b/index.html
index 70e3882..3d4e519 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
     <title>NES.css - NES-style CSS Framework</title>
 
     <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
-    <link href="./css/nes.min.css" rel="stylesheet" />
+    <link href="https://unpkg.com/nes.css/css/nes.min.css" rel="stylesheet" />
     <link href="./style.css" rel="stylesheet" />
 
     <meta property="og:type" content="website" />
diff --git a/scss/form/select.scss b/scss/form/select.scss
index d5d6a3e..1a630dd 100644
--- a/scss/form/select.scss
+++ b/scss/form/select.scss
@@ -8,6 +8,7 @@
     (0,0,1,1,1,0,0),
     (0,0,0,1,0,0,0),
   );
+  $colors: ($base-color, map-get($default-colors, "shadow"));
 
   position: relative;
   width: 100%;
@@ -28,27 +29,20 @@
   }
 
   &::after {
-    $colors: ($base-color, map-get($default-colors, "shadow"));
-
     @include pixelize($dropdown, $colors);
 
     position: absolute;
     top: calc(50% - 11px);
     right: 36px;
-    width: 2px;
-    height: 2px;
-    font-size: 2px;
+    font-size: 3px;
     content: "";
-    transform: scale(1.5);
   }
 
   &.is-success {
     $color: map-get($success-colors, "normal");
 
     &::after {
-      $colors: ($color, map-get($default-colors, "shadow"));
-
-      @include pixelize($dropdown, $colors);
+      color: $color;
     }
 
     select {
@@ -60,9 +54,7 @@
     $color: map-get($warning-colors, "normal");
 
     &::after {
-      $colors: ($color, map-get($default-colors, "shadow"));
-
-      @include pixelize($dropdown, $colors);
+      color: $color;
     }
 
     select {
@@ -74,9 +66,7 @@
     $color: map-get($error-colors, "normal");
 
     &::after {
-      $colors: ($color, map-get($default-colors, "shadow"));
-
-      @include pixelize($dropdown, $colors);
+      color: $color;
     }
 
     select {