From 83a92444e94d49d22389f6182dfc34502a797070 Mon Sep 17 00:00:00 2001
From: Lukas Hass <lukas@slucky.de>
Date: Sun, 8 May 2022 13:19:43 +0200
Subject: [PATCH] fix: use border-image-repeat: stretch on chrome

---
 scss/utilities/rounded-corners-mixin.scss | 20 ++------------------
 1 file changed, 2 insertions(+), 18 deletions(-)

diff --git a/scss/utilities/rounded-corners-mixin.scss b/scss/utilities/rounded-corners-mixin.scss
index 608c9bd0..91f1bf9b 100644
--- a/scss/utilities/rounded-corners-mixin.scss
+++ b/scss/utilities/rounded-corners-mixin.scss
@@ -11,27 +11,12 @@
   border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(#{red($color)},#{green($color)},#{blue($color)})" /></svg>');
 }
 
-@mixin border-image-repeat() {
-  border-image-repeat: stretch;
-
-  // for chrome
-  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
-    border-image-repeat: space;
-  }
-
-  // for firefox
-  @supports (-moz-appearance: meterbar) {
-    border-image-repeat: stretch;
-  }
-}
-
 @mixin rounded-corners($isDark: false) {
   @extend %rounded-corner-defaults;
 
   border-image-slice: 3;
   border-image-width: 3;
-
-  @include border-image-repeat();
+  border-image-repeat: stretch;
 
   @if $isDark {
     @include border-image($color-white);
@@ -49,8 +34,7 @@
 
   border-image-slice: 2;
   border-image-width: 2;
-
-  @include border-image-repeat();
+  border-image-repeat: stretch;
 
   @if $isDark {
     @include compact-border-image($color-white);