diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss index e6cf7c269f6..4087d241f01 100644 --- a/_sass/addon/commons.scss +++ b/_sass/addon/commons.scss @@ -107,8 +107,8 @@ blockquote { } } - @include prompt('tip', '\f0eb', 'regular'); - @include prompt('info', '\f06a'); + @include prompt('tip', '\f0eb', $fa-style: 'regular'); + @include prompt('info', '\f06a', $rotate: 180); @include prompt('warning', '\f06a'); @include prompt('danger', '\f071'); } diff --git a/_sass/addon/module.scss b/_sass/addon/module.scss index edc5f3ef6af..9e85adc0d85 100644 --- a/_sass/addon/module.scss +++ b/_sass/addon/module.scss @@ -187,7 +187,7 @@ transform: translateX(-50%); } -@mixin prompt($type, $fa-content, $fa-style: 'solid') { +@mixin prompt($type, $fa-content, $fa-style: 'solid', $rotate: 0) { &.prompt-#{$type} { background-color: var(--prompt-#{$type}-bg); @@ -195,6 +195,10 @@ content: $fa-content; color: var(--prompt-#{$type}-icon-color); font: var(--fa-font-#{$fa-style}); + + @if $rotate != 0 { + transform: rotate(#{$rotate}deg); + } } } }