From 850514b1068c4ba25b34436bd740744483a23666 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 10 Dec 2018 11:58:53 +0100
Subject: [PATCH] MOBILE-2782 styles: Add some bootstrap styles

---
 src/theme/format-text.scss | 45 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 44 insertions(+), 1 deletion(-)

diff --git a/src/theme/format-text.scss b/src/theme/format-text.scss
index cfb891845..629e9f953 100644
--- a/src/theme/format-text.scss
+++ b/src/theme/format-text.scss
@@ -130,6 +130,49 @@ ion-app.app-root core-rich-text-editor .core-rte-editor {
     @include margin(0, 0, 0, 0.5em);
   }
   /*rtl:end:ignore*/
+
+  // Bootstrap 4 Styles
+  // -------------------------
+  .media {
+    display: flex;
+    align-items: flex-start;
+  }
+
+  .media-body {
+    flex: 1;
+  }
+
+  .alert {
+    position: relative;
+    padding: .75rem 1.25rem;
+    margin-bottom: 1rem;
+    border: 0 solid transparent;
+  }
+
+  // Headings for larger alerts
+  .alert-heading {
+    // Specified to prevent conflicts of changing $headings-color
+    color: inherit;
+  }
+
+  // Provide class for links that match alerts
+  .alert-link {
+    font-weight: 400;
+  }
+
+  @each $color-name, $color-base in get-colors($colors) {
+    .alert-#{$color-name} {
+      color: $color-base;
+      border-color: $color-base;
+      background-color: mix($color-base, white, 20%);
+
+      .alert-link {
+        color: darken($color-base, 10%);
+      }
+    }
+    .alert-#{$color-name} p {
+      color: $color-base;
+    }
   }
 }
 
@@ -146,4 +189,4 @@ ion-app.app-root {
   .item-message core-format-text > p:only-child {
     display: inline;
   }
-}
+}
\ No newline at end of file