CSS: Make background of outlined buttons slightly transparent

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/scss/style.scss b/src/scss/style.scss
index bcf0277f7a4f75f7a99a341133c94ee06708cc04..889fa5a679e7442093c3ccaceb586671cbbddb55 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -55,6 +55,12 @@ body {
        text-transform: uppercase;
 }
 
+@each $color, $value in $theme-colors {
+       .btn-outline-#{$color} {
+               background-color: rgba($value, .15);
+       }
+}
+
 // Headings
 
 h1 {