| @@ -108,6 +108,15 @@ mark { | |||||
| .alert.alert-neutral a { | .alert.alert-neutral a { | ||||
| color: #2980B9; | color: #2980B9; | ||||
| } | } | ||||
| .alert.alert-tip { | |||||
| background:#dbfaf4; | |||||
| } | |||||
| .alert.alert-tip .alert-title { | |||||
| background:#1abc9c; | |||||
| } | |||||
| /* #endregion*/ | /* #endregion*/ | ||||
| /* #region Tables*/ | /* #region Tables*/ | ||||
| @@ -520,6 +520,10 @@ namespace MarkdownDeep | |||||
| title = "Info"; | title = "Info"; | ||||
| faIconName = "info-circle"; | faIconName = "info-circle"; | ||||
| break; | break; | ||||
| case "tip": | |||||
| title = "Tip"; | |||||
| faIconName = "info-circle"; | |||||
| break; | |||||
| } | } | ||||
| b.Append("<div class=\"alert alert-"); | b.Append("<div class=\"alert alert-"); | ||||
| b.Append(alertTypeClass); | b.Append(alertTypeClass); | ||||
| @@ -25,4 +25,9 @@ | |||||
| <p>@alert | <p>@alert | ||||
| This is an info text, it will be displayed in an info alert box! | This is an info text, it will be displayed in an info alert box! | ||||
| @end</p> | @end</p> | ||||
| <div class="alert alert-tip"> | |||||
| <span class="alert-title"><i class="fa fa-info-circle"></i>Tip</span><p>This is a tip, whether you like it or not!</p> | |||||
| </div> | |||||
| <p>post</p> | <p>post</p> | ||||
| @@ -25,4 +25,8 @@ This is an **info text**, it will be displayed in an info alert box! | |||||
| This is an info text, it will be displayed in an info alert box! | This is an info text, it will be displayed in an info alert box! | ||||
| @end | @end | ||||
| @alert tip | |||||
| This is a tip, whether you like it or not! | |||||
| @end | |||||
| post | post | ||||