Skip to content

Commit a07a57e

Browse files
authored
feat(ui): make info-prompt icon looks like the letter "i" (#1835)
1 parent db9e58b commit a07a57e

File tree

2 files changed

+7
-3
lines changed

2 files changed

+7
-3
lines changed

_sass/addon/commons.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -107,8 +107,8 @@ blockquote {
107107
}
108108
}
109109

110-
@include prompt('tip', '\f0eb', 'regular');
111-
@include prompt('info', '\f06a');
110+
@include prompt('tip', '\f0eb', $fa-style: 'regular');
111+
@include prompt('info', '\f06a', $rotate: 180);
112112
@include prompt('warning', '\f06a');
113113
@include prompt('danger', '\f071');
114114
}

_sass/addon/module.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -187,14 +187,18 @@
187187
transform: translateX(-50%);
188188
}
189189

190-
@mixin prompt($type, $fa-content, $fa-style: 'solid') {
190+
@mixin prompt($type, $fa-content, $fa-style: 'solid', $rotate: 0) {
191191
&.prompt-#{$type} {
192192
background-color: var(--prompt-#{$type}-bg);
193193

194194
&::before {
195195
content: $fa-content;
196196
color: var(--prompt-#{$type}-icon-color);
197197
font: var(--fa-font-#{$fa-style});
198+
199+
@if $rotate != 0 {
200+
transform: rotate(#{$rotate}deg);
201+
}
198202
}
199203
}
200204
}

0 commit comments

Comments
 (0)