From c3018645a8d78488c7929ca9b88a433a0dee0235 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Wed, 28 Jul 2021 18:23:14 +0200
Subject: [PATCH] fix: make sure that transparent stuff can't have borders

---
 src/scss/_definitions.scss        | 6 ++++++
 src/scss/components/_buttons.scss | 7 ++++++-
 src/scss/components/_cards.scss   | 1 +
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/scss/_definitions.scss b/src/scss/_definitions.scss
index bd678c2..572a298 100644
--- a/src/scss/_definitions.scss
+++ b/src/scss/_definitions.scss
@@ -104,6 +104,12 @@ $screen-xxl-min: 1600px;
   border: $border-size solid rgba(0, 0, 0, 0.3)
 }
 
+@mixin prefer-no-borders() {
+  &:not(:hover) {
+    border-color:transparent;
+  }
+}
+
 @mixin border-radius($border-radius) {
   border-radius: $border-radius $border-radius $border-radius $border-radius;
 }
diff --git a/src/scss/components/_buttons.scss b/src/scss/components/_buttons.scss
index 946fbc1..4421dde 100644
--- a/src/scss/components/_buttons.scss
+++ b/src/scss/components/_buttons.scss
@@ -105,12 +105,14 @@ $button_small: $lineheight_quarter;
 
 .btn-navbar {
     @include button-fullcontrol(transparent, rgba(0,0,0,0.1), $color-font-light);
+    @include prefer-no-borders();
     padding-left: $button_small;
     padding-right: $button_small;
 }
 
 .btn-readmore {
   @include button-fullcontrol(transparent, darken($color-background-alt, 7.5%), $color-primary);
+  @include prefer-no-borders();
 }
 
 // BUTTONS GROUPS
@@ -168,7 +170,10 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
 
 .btn, a.btn, .btn.btn, .badge, .chip, a.chip, a.badge, .label, a.label, label.label {
     @each $name, $color in list-colors() {
-        &-#{$name} { @include button-color(get-color($name)); }
+        &-#{$name} {
+          @include button-color(get-color($name));
+          @include borders();
+        }
     }
     &-link {
       @include button-color(transparent);
diff --git a/src/scss/components/_cards.scss b/src/scss/components/_cards.scss
index efe87c6..39bed65 100644
--- a/src/scss/components/_cards.scss
+++ b/src/scss/components/_cards.scss
@@ -127,6 +127,7 @@ $card-smallpad: $lineheight_half;
 
             @include shape-style($lineheight_half);
             @include button-hover();
+            @include prefer-no-borders();
 
             strong {
               font-weight: 900;