diff --git a/src/sass/_asciidoc.scss b/src/sass/_asciidoc.scss
new file mode 100644
index 0000000..f4ba0a4
--- /dev/null
+++ b/src/sass/_asciidoc.scss
@@ -0,0 +1,32 @@
+// {{< hint >}}
+.admonitionblock {
+  @each $name, $color in $hint-colors {
+    &.#{$name} {
+      border-left-color: $color;
+      background-color: scale-color($color, $lightness: 95%, $saturation: -30%);
+      color: $body-font-color;
+    }
+  }
+
+  margin: $padding-16 0;
+  padding: $padding-8 $padding-16 $padding-8 ($padding-16 - $padding-4); //to keep total left space 16dp
+
+  border-left: $border-4 solid var(--accent-color);
+  border-radius: $border-radius;
+
+  table {
+    padding: 0 !important;
+    margin: 0 !important;
+
+    tr {
+      border: 0 !important;
+    }
+
+    td {
+      &:first-child {
+        font-weight: bold;
+      }
+      display: table-row;
+    }
+  }
+}
diff --git a/src/sass/_defaults.scss b/src/sass/_defaults.scss
index 843bb9e..4d29b4d 100644
--- a/src/sass/_defaults.scss
+++ b/src/sass/_defaults.scss
@@ -71,7 +71,11 @@ $sm-breakpoint: $menu-width + $body-min-width + 3rem !default;
 // Panel colors
 $hint-colors: (
   info: rgba(0, 145, 234, 1),
+  note: rgba(0, 145, 234, 1),
   ok: rgba(0, 200, 83, 1),
+  tip: rgba(0, 200, 83, 1),
   warning: rgba(255, 171, 0, 1),
-  danger: rgba(213, 0, 0, 1)
+  caution: rgba(115, 0, 211, 1),
+  danger: rgba(213, 0, 0, 1),
+  important: rgba(213, 0, 0, 1)
 ) !default;
diff --git a/src/sass/_test.scss b/src/sass/_test.scss
deleted file mode 100644
index 4e8827f..0000000
--- a/src/sass/_test.scss
+++ /dev/null
@@ -1 +0,0 @@
-color: red;
diff --git a/src/sass/main.scss b/src/sass/main.scss
index 87d51c4..ea5a95d 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -12,4 +12,5 @@
 @import "_base";
 
 @import "_markdown";
+@import "_asciidoc";
 @import "_shortcodes";