1 files changed, 60 insertions, 4 deletions
diff --git a/assets/css/_partial/_single/_admonition.scss b/assets/css/_partial/_single/_admonition.scss
index 07f66ae..22e701b 100644
--- a/assets/css/_partial/_single/_admonition.scss
+++ b/assets/css/_partial/_single/_admonition.scss
@@ -1,7 +1,7 @@
 .admonition {
   border-radius: 6px;
   position: relative;
-  margin: 1rem 0;
+  margin: $margin-article;
   padding: 0 .75rem;
   background-color: map-get($admonition-background-color-map, 'note');
   border-left: .25rem solid map-get($admonition-color-map, 'note');
@@ -23,6 +23,10 @@
     background-color: opacify(map-get($admonition-background-color-map, 'note'), 0.15);
   }
 
+  .admonition-title-none {
+    display: none;
+  }
+
   &.open .admonition-title {
     background-color: map-get($admonition-background-color-map, 'note');
   }
@@ -35,17 +39,66 @@
     font-size: 0.85rem;
     color: map-get($admonition-color-map, 'note');
     position: absolute;
-    top: .8rem;
-    left: .4rem;
+    top: .6rem;
+    left: .5rem;
   }
 
   i.details-icon {
     color: map-get($admonition-color-map, 'note');
     position: absolute;
-    top: .7rem;
+    top: .55rem;
     right: .3rem;
   }
 
+  .admonition-icon {
+    display: inline-block;
+    background-repeat: no-repeat;
+    width: 20px;
+    height: 20px;
+    background-image: url(/img/icon/admonition.svg);
+  }
+
+  .icon-note {
+    background-position: 0;
+  }
+  .icon-abstract {
+    background-position: -23px 0;
+  }
+  .icon-info {
+    background-position: -46px;
+  }
+  .icon-tip {
+    background-position: -64px;
+  }
+  .icon-success {
+    background-position: -84px;
+  }
+  .icon-question {
+    background-position: -106px;
+  }
+  .icon-warning {
+    background-position: -129px;
+  }
+  .icon-failure {
+    background-position: -152px;
+  }
+  .icon-danger {
+    background-position: -170px;
+  }
+  .icon-bug {
+    background-position: -190px;
+  }
+  .icon-example {
+    background-position: -210px;
+  }
+  .icon-quote {
+    background-position: -233px;
+  }
+  .admonition-icon-arrow-right {
+    background-position: -253px;
+  }
+
+
   @each $type, $color in $admonition-color-map {
     &.#{$type} {
       border-left-color: $color;
@@ -79,3 +132,6 @@
     margin-bottom: .75rem;
   }
 }
+
+
+