✨ Add docusaurus-matching css

styles/docusaurus-admonitions.css

@@ -0,0 +1,102 @@
+/**
+ Docusaurus-like styling for `remarkable-admonitions` blocks
+ */
+
+.admonition {
+  margin-bottom: 1em;
+  padding: 15px 30px 15px 15px;
+}
+
+.admonition h5 {
+  margin-top: 0;
+  margin-bottom: 8px;
+  text-transform: uppercase;
+}
+
+.admonition-icon {
+  display: inline-block;
+  vertical-align: middle;
+  margin-right: 0.2em;
+}
+
+.admonition-icon svg {
+  display: inline-block;
+  width: 22px;
+  height: 22px;
+  stroke-width: 0;
+}
+
+.admonition-content > :last-child {
+  margin-bottom: 0;
+}
+
+/** Customization */
+.admonition-warning {
+  background-color: rgba(230, 126, 34, 0.1);
+  border-left: 8px solid #e67e22;
+}
+
+.admonition-warning h5 {
+  color: #e67e22;
+}
+
+.admonition-warning .admonition-icon svg {
+  stroke: #e67e22;
+  fill: #e67e22;
+}
+
+.admonition-tip {
+  background-color: rgba(46, 204, 113, 0.1);
+  border-left: 8px solid #2ecc71;
+}
+
+.admonition-tip h5 {
+  color: #2ecc71;
+}
+
+.admonition-tip .admonition-icon svg {
+  stroke: #2ecc71;
+  fill: #2ecc71;
+}
+
+.admonition-caution {
+  background-color: rgba(231, 76, 60, 0.1);
+  border-left: 8px solid #e74c3c;
+}
+
+.admonition-caution h5 {
+  color: #e74c3c;
+}
+
+.admonition-caution .admonition-icon svg {
+  stroke: #e74c3c;
+  fill: #e74c3c;
+}
+
+.admonition-important {
+  background-color: rgba(52, 152, 219, 0.1);
+  border-left: 8px solid #3498db;
+}
+
+.admonition-important h5 {
+  color: #3498db;
+}
+
+.admonition-important .admonition-icon svg {
+  stroke: #3498db;
+  fill: #3498db;
+}
+
+.admonition-note {
+  background-color: rgba(241, 196, 15, 0.1);
+  border-left: 8px solid #f1c40f;
+}
+
+.admonition-note h5 {
+  color: #f1c40f;
+}
+
+.admonition-note .admonition-icon svg {
+  stroke: #f1c40f;
+  fill: #f1c40f;
+}