diff --git a/assets/scss/_admonition.scss b/assets/scss/_admonition.scss new file mode 100644 index 0000000..6c0743b --- /dev/null +++ b/assets/scss/_admonition.scss @@ -0,0 +1,44 @@ +.admonition{ + position: relative; + margin: 1rem 0 1.5rem 0; + border-left: .25rem solid map-get($admonition-color, 'note'); + box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.5); + border-radius: 0 8px 8px 0; + overflow: auto; + .admonition-title{ + padding: .25rem .50rem; + border-bottom: 1px solid map-get($admonition-background, 'note'); + background-color: rgba(map-get($admonition-background, 'note'), 0.1); + color: map-get($admonition-color, 'note'); + .icon{ + display: inline-block; + padding: 0 10px 0 0; + font-size: 0.85rem; + color: map-get($admonition-color, 'note'); + } + } + .admonition-content{ + padding: .25rem .50rem; + } + @each $type, $color in $admonition-color { + &.#{$type} { + border-left-color: $color; + .admonition-title { + color: $color; + } + .icon { + color: $color; + } + } + } + @each $type, $color in $admonition-background { + &.#{$type} { + background-color: $color; + + .admonition-title { + border-bottom-color: $color; + background-color: rgba($color, 0.1); + } + } + } +} \ No newline at end of file diff --git a/assets/scss/_predefined.scss b/assets/scss/_predefined.scss index ef6daeb..43dd628 100644 --- a/assets/scss/_predefined.scss +++ b/assets/scss/_predefined.scss @@ -13,6 +13,30 @@ $typewriter: hsl(172, 100%, 36%); $fonts: "Trebuchet MS", Verdana, "Verdana Ref", "Segoe UI", Candara, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; $code-fonts: Consolas, "Andale Mono WT", "Andale Mono", Menlo, Monaco, "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, "YaHei Consolas Hybrid", monospace, "Segoe UI Emoji", "PingFang SC", "Microsoft YaHei"; +//Admonition +// +$admonition-background: ( + 'note': rgba(68, 138, 255, 0.1), + 'info': rgba(0, 184, 212, 0.1), + 'tip': rgba(0, 191, 165, 0.1), + 'success': rgba(0, 200, 83, 0.1), + 'warning': rgba(255, 145, 0, 0.1), + 'failure': rgba(255, 82, 82, 0.1), + 'danger': rgba(255, 23, 68, 0.1), + 'bug': rgba(245, 0, 87, 0.1), +) !default; + +$admonition-color: ( + 'note': #448aff, + 'info': #00b8d4, + 'tip': #00bfa5, + 'success': #00c853, + 'warning': #ff9100, + 'failure': #ff5252, + 'danger': #ff1744, + 'bug': #f50057, +) !default; + // Mixins // @mixin dimmed { diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 83bfc76..db8f972 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -3,6 +3,7 @@ @import "syntax.scss"; @import "animate.scss"; @import "_scroll.scss"; +@import "_admonition.scss"; @import "_mathjax.scss"; /* Webkit Scrollbar Customize */ diff --git a/layouts/partials/svg.html b/layouts/partials/svg.html index 9755f9d..d841119 100644 --- a/layouts/partials/svg.html +++ b/layouts/partials/svg.html @@ -25,21 +25,21 @@ {{- else if (eq .name "email") -}} {{- else if (eq .name "dribbble") -}} - + {{- else if (eq .name "behance") -}} - + {{- else if (eq .name "freepik") -}} - + {{- else if (eq .name "adobestock") -}} - + {{- else if (eq .name "shutterstock") -}} {{- else if (eq .name "123rf") -}} - + {{- else if (eq .name "dreamstime") -}} - + {{- else if (eq .name "paypal") -}} - + {{- else if (eq .name "qq") -}} {{- else if (eq .name "mastodon") -}} @@ -52,6 +52,22 @@ {{- else if (eq .name "discord") -}} +{{- else if (eq .name "admonition_note") -}} + +{{- else if (eq .name "admonition_info") -}} + +{{- else if (eq .name "admonition_tip") -}} + +{{- else if (eq .name "admonition_success") -}} + +{{- else if (eq .name "admonition_warning") -}} + +{{- else if (eq .name "admonition_failure") -}} + +{{- else if (eq .name "admonition_danger") -}} + +{{- else if (eq .name "admonition_bug") -}} + {{- else -}} {{- end -}} diff --git a/layouts/shortcodes/admonition.html b/layouts/shortcodes/admonition.html new file mode 100644 index 0000000..91bed99 --- /dev/null +++ b/layouts/shortcodes/admonition.html @@ -0,0 +1,29 @@ +{{- $inner := .Inner | .Page.RenderString -}} + +{{- if .IsNamedParams -}} + {{- $type := .Get "type" | default "note" -}} + {{ $admonition_name := print "admonition_" $type }} + +{{- else -}} + {{- $type := .Get 0 | default "note" -}} + {{ $admonition_name := print "admonition_" $type }} + +{{- end -}} \ No newline at end of file