blue-web 1.14.2 → 1.15.0

package/dist/merged.scss

@@ -1,5 +1,5 @@
 /*!
- * Blue Web v1.14.2 (https://bruegmann.github.io/blue-web)
+ * Blue Web v1.15.0 (https://bruegmann.github.io/blue-web)
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-web/blob/master/LICENSE).
 */
 
@@ -33,9 +33,9 @@ $h4-font-size: $font-size-base * 1.125 !default;
 $h5-font-size: $font-size-base * 1.1 !default;
 $h6-font-size: $font-size-base !default;
 
-$border-radius: 0.5rem !default;
-$border-radius-lg: 0.7rem !default;
-$border-radius-sm: 0.3rem !default;
+$border-radius: 0.7rem !default;
+$border-radius-lg: 1rem !default;
+$border-radius-sm: 0.5rem !default;
 
 $custom-checkbox-indicator-border-radius: $border-radius-sm !default;
 
@@ -11071,6 +11071,8 @@ body {
     }
 
     border: none;
+    box-shadow: none;
+    background-image: none;
 
     &:focus {
         box-shadow: none;
@@ -11288,8 +11290,8 @@ body {
 }
 
 .blue-header-title-image {
-    width: 2rem;
-    height: 2rem;
+    width: var(--blue-header-title-image-width, var(--blue-header-title-image-size, 2rem));
+    height: var(--blue-header-title-image-height, var(--blue-header-title-image-size, 2rem));
 }
 
 .blue-search {
@@ -11750,6 +11752,11 @@ body {
     );
 
     .blue-btn-plain-#{$color} {
+        &:not(:hover) {
+            box-shadow: none;
+            background-image: none;
+        }
+
         @if $color == "light" {
             $text-color: color-contrast($value);
         }
@@ -11758,19 +11765,14 @@ body {
             transparent,
             transparent,
             $text-color,
-            $hover-background: shade-color($bg, $btn-hover-bg-shade-amount),
-            $hover-border: shade-color($bg, $btn-hover-border-shade-amount),
-            $active-background: $active-background,
-            $active-border:
-                if(
-                    $color == $color-contrast-light,
-                    shade-color($value, $btn-active-border-shade-amount),
-                    tint-color($value, $btn-active-border-tint-amount)
-                ),
-            $active-color: color-contrast($active-background),
-            $disabled-background: $value,
-            $disabled-border: $value,
-            $disabled-color: color-contrast($value)
+            $hover-background: tint-color($value, 80%),
+            $hover-border: tint-color($value, 80%),
+            $hover-color: if($color == "light", color-contrast($value), shade-color($value, 60%)),
+            $active-background: shade-color($bg, $btn-hover-bg-shade-amount),
+            $active-border: shade-color($bg, $btn-hover-border-shade-amount),
+            $disabled-background: transparent,
+            $disabled-border: transparent,
+            $disabled-color: $text-color
         );
     }
 }
@@ -11778,7 +11780,7 @@ body {
 @include color-mode(dark) {
     @each $color, $value in $theme-colors {
         $bg: shade-color($value, 80%);
-        $text-color: $value;
+        $text-color: tint-color($value, 40%);
 
         .blue-btn-plain-#{$color} {
             @if $color == "dark" {
@@ -11858,10 +11860,16 @@ body {
 }
 
 .blue-tab {
+    // Unsetting to solve issues in Safari
+    width: unset;
+    height: unset;
+    border-radius: unset;
+
     position: relative;
     order: 0;
     cursor: pointer;
     user-select: none;
+    -webkit-appearance: none;
     appearance: none;
 }