Re-style new alert shortcode in a more Bootstrap-friendly way

Signed-off-by: Juan Cruz Viotti <[email protected]>
sourcemeta · Feb 12, 2024 · 6d6c434 · 6d6c434
1 parent 2541cbf
commit 6d6c434
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/assets/main.scss b/assets/main.scss
@@ -5,6 +5,7 @@
 $blue: #0969da;
 $success: rgba(213, 255, 230, 1);
 $danger: rgba(255, 213, 213, 1);
+$warning: #ffff6a;
 
 // Required components
 @import "../vendor/bootstrap/scss/variables";
@@ -126,9 +127,6 @@ article table {
   @extend .mt-4;
 }
 
-.alert {
-  background-color: #fffdbd;
-  padding: 10px;
-  border: 1px solid #ccc;
-  margin-bottom: 15px;
+.alert > :last-child {
+  @extend .mb-0;
 }
diff --git a/layouts/shortcodes/alert.html b/layouts/shortcodes/alert.html
@@ -1,6 +1,6 @@
-{{ $heading := .Get 0 }}
-
-<div class="alert">
-  <h5>{{ $heading | markdownify }}</h5>
-  <p>{{ .Inner | markdownify }}</p>
-</div>
+{{ $heading := .Get 0 }}
+
+<div class="alert alert-warning" role="alert">
+  <h5>{{ $heading | markdownify }}</h5>
+  <p>{{ .Inner | markdownify }}</p>
+</div>