change admonitions to custom css

README.md

@@ -108,7 +108,26 @@ The HTML output is unsanitized by default. This is intentional as this software
 
 Contributions are welcome! Please feel free to submit a Pull Request.
 
+## Development
+
+When developing, you can run the tests with:
+
+```bash
+cargo test
+```
+
+The example binary can be helpful here for generating output to test against.
+
+``` bash
+cargo run --bin md_converter -- \
+    -f markdown \
+    -i ../../tests/fixtures/input_divs_code_and_inline_code.md \
+    -o ../../tests/fixtures/expected_output_divs_code_and_inline_code.md
+```
+
+
 ## License
 
 GPL
 
+

src/processor.rs

@@ -180,11 +180,11 @@ impl<'a> Processor<'a> {
         }
         let html = match class {
             "alert" => "<div role=\"alert\" class=\"alert alert-info\">".to_string(),
-            "info" => "<div class=\"alert alert-info\">".to_string(),
+            "info" => "<div class=\"admonition note\">".to_string(),
             "success" => "<div class=\"alert alert-success\">".to_string(),
-            "warning" => "<div class=\"alert alert-warning\">".to_string(),
-            "error" => "<div class=\"alert alert-error\">".to_string(),
-            "tip" => "<div class=\"tip\">".to_string(),
+            "warning" => "<div class=\"admonition important\">".to_string(),
+            "error" => "<div class=\"admonition warning\">".to_string(),
+            "tip" => "<div class=\"admonition tip\">".to_string(),
             "fold" => "<details class=\"my-details\"><summary>📂</summary>".to_string(),
             "summary" => "<summary class=\"my-summary\">".to_string(),
             "col" => "<div class=\"flex w-full flex-col lg:flex-row\">".to_string(),

tests/fixtures/expected_output_divs_code_and_inline_code.md

@@ -20,11 +20,11 @@ A trailing block:
 Some other text
 
 
-<div class="alert alert-info">
+<div class="admonition note">
 
 More content
 
-<div class="tip">
+<div class="admonition tip">
 
 This is nested
 

tests/fixtures/expected_output_divs_code_and_inline_code_html.html

@@ -9,9 +9,9 @@ <h2>Details Boxes</h2>
 <p>A trailing block:</p>
 <p>:::</p>
 <p>Some other text</p>
-<div class="alert alert-info">
+<div class="admonition note">
 <p>More content</p>
-<div class="tip">
+<div class="admonition tip">
 <p>This is nested</p>
 </div>
 </div>
@@ -37,4 +37,3 @@ <h3>Display</h3>
 </div>
 <h3>Inline Code</h3>
 <p>The sum of the first 10 numbers is 45 all together that is:</p>
-