From 20d348e95b100a8b976a10e81af92a8e9422d053 Mon Sep 17 00:00:00 2001
From: BcRikko <s.shin1106@gmail.com>
Date: Wed, 6 Feb 2019 00:08:11 +0900
Subject: [PATCH] fix: fix border bugs on chrome

border is broken when zooming in/out on chrome

fix #244
---
 scss/form/inputs.scss                     | 5 ++---
 scss/utilities/rounded-corners-mixin.scss | 2 ++
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/scss/form/inputs.scss b/scss/form/inputs.scss
index b73b791..f525a54 100644
--- a/scss/form/inputs.scss
+++ b/scss/form/inputs.scss
@@ -1,18 +1,17 @@
 .nes-input,
 .nes-textarea {
   @mixin border-style($border, $outline) {
-    @include compact-rounded-corners();
     @include compact-border-image($border);
 
     outline-color: $outline;
   }
 
+  @include compact-rounded-corners();
+
   width: 100%;
   padding: 0.5rem 1rem;
   margin: 4px;
 
-  @include border-style($base-color, map-get($default-colors, "hover"));
-
   &.is-dark {
     @include border-style(map-get($default-colors, "normal"), map-get($default-colors, "hover"));
 
diff --git a/scss/utilities/rounded-corners-mixin.scss b/scss/utilities/rounded-corners-mixin.scss
index eec9ef1..7d00e5d 100644
--- a/scss/utilities/rounded-corners-mixin.scss
+++ b/scss/utilities/rounded-corners-mixin.scss
@@ -16,6 +16,7 @@
 
   border-image-slice: 3;
   border-image-width: 3;
+  border-image-repeat: space;
 
   @if $isDark {
     @include border-image($color-white);
@@ -33,6 +34,7 @@
 
   border-image-slice: 2;
   border-image-width: 2;
+  border-image-repeat: space;
 
   @if $isDark {
     @include compact-border-image($color-white);