Merged in feature/BKL-85-AddBorderToHighlightedText (pull request #59)

Feature/BKL-85 AddBorderToHighlightedText

Approved-by: Andreas Engelmark

Author: Hammerbak

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/alert/alert.scss

@@ -0,0 +1,12 @@
+@import "../../signifly-variables/colors.scss";
+
+div.alert {
+	> h3,
+	> p {
+		color: $loop-black;
+	}
+	&.alert-success {
+		background-color: $loop-green-100;
+		border-color: $loop-green-100;
+	}
+}

web/profiles/custom/os2loop/themes/os2loop_theme/assets/bootstrap-custom/bootstrap-custom-index.scss

@@ -3,6 +3,7 @@
 @import "variables/variables.scss";
 @import "typography/typography.scss";
 
+@import "alert/alert.scss";
 @import "badge/badge.scss";
 @import "button-group/button-group.scss";
 @import "dropdown/dropdown.scss";

web/profiles/custom/os2loop/themes/os2loop_theme/assets/signifly-variables/colors.scss

@@ -32,3 +32,6 @@ $loop-red: #dc3545;
 
 // System white
 $loop-white: #fff;
+
+// System black
+$loop-black: #000;

web/profiles/custom/os2loop/themes/os2loop_theme/templates/field/field--os2loop-documents-info-box.html.twig

@@ -32,6 +32,6 @@ highlight_color
 %}
 <div{{ attributes.addClass(classes) }}>
   {% for item in items %}
-    <div{{ item.attributes }}>{{ item.content }}</div>
+    <div {{ item.attributes.addClass('alert alert-success') }}>{{ item.content }}</div>
   {% endfor %}
 </div>