From 613b6ea6b5f0ec7ac26436e46f814e68bba0ed8f Mon Sep 17 00:00:00 2001
From: Jorran de Wit <jorrandewit@outlook.com>
Date: Tue, 20 Jun 2017 09:03:00 +0200
Subject: [PATCH] Drop childish message box-styling

---
 .../scipost/assets/config/preconfig.scss      | 25 ++++++++++++-------
 scipost/static/scipost/assets/css/_alert.scss | 22 ++++++++++++++++
 2 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/scipost/static/scipost/assets/config/preconfig.scss b/scipost/static/scipost/assets/config/preconfig.scss
index 016a91ec3..9d286dcfa 100644
--- a/scipost/static/scipost/assets/config/preconfig.scss
+++ b/scipost/static/scipost/assets/config/preconfig.scss
@@ -16,15 +16,6 @@ $container-max-widths: (
     margin-bottom: 1rem;
 }
 
-// Cards
-//
-$card-spacer-x: 0.75rem;
-$card-border-radius: 1px;
-$card-border-color: #fff;
-$card-cap-bg: transparent;
-$btn-secondary-border-color: #f1f1f1;
-$card-shadow-color: #ccc;
-
 // Colors
 //
 $scipost-light: #C3D7EE;
@@ -36,6 +27,22 @@ $green: #6ebb6e;
 $blue: $scipost-lightblue !default;
 $body-color: $scipost-darkblue !default;
 
+// Alerts
+//
+$alert-success-text: $scipost-darkblue;
+$alert-warning-text: $scipost-darkblue;
+$alert-danger-text: $scipost-darkblue;
+$alert-border-radius: $border-radius-base;
+
+// Cards
+//
+$card-spacer-x: 0.75rem;
+$card-border-radius: 1px;
+$card-border-color: #fff;
+$card-cap-bg: transparent;
+$btn-secondary-border-color: #f1f1f1;
+$card-shadow-color: #ccc;
+
 // breadcrumb
 //
 $breadcrumb-bg: #f9f9f9;
diff --git a/scipost/static/scipost/assets/css/_alert.scss b/scipost/static/scipost/assets/css/_alert.scss
index 9f4b86666..395845eaa 100644
--- a/scipost/static/scipost/assets/css/_alert.scss
+++ b/scipost/static/scipost/assets/css/_alert.scss
@@ -1,3 +1,25 @@
+.alert {
+    padding: 0.75rem 3rem 0.75rem 1.25rem;
+    margin-bottom: 0.5rem;
+    position: relative;
+    clear: both;
+    float: left;
+
+    &:last-child {
+        margin-bottom: 1rem;
+    }
+}
+
 .alert-error {
   @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
 }
+
+.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
+.alert-dismissible {
+  // Adjust close link position
+  .close {
+      position: absolute;
+    top: 0;
+    right: 0;
+  }
+}
-- 
GitLab