fix: fix border bugs on chrome

border is broken when zooming in/out on chrome fix #244
nostalgic-css · Feb 5, 2019 · 20d348e · 20d348e
1 parent 7a04f18
commit 20d348e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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);