Skip to content

Commit

Permalink
feat(ui): make info-prompt icon looks like the letter "i" (cotes202…
Browse files Browse the repository at this point in the history
cotes2020 authored Jul 3, 2024

Verified

This commit was signed with the committer’s verified signature.
cotes2020 Cotes Chung
1 parent db9e58b commit a07a57e
Showing 2 changed files with 7 additions and 3 deletions.
4 changes: 2 additions & 2 deletions _sass/addon/commons.scss
Original file line number Diff line number Diff line change
@@ -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');
}
6 changes: 5 additions & 1 deletion _sass/addon/module.scss
Original file line number Diff line number Diff line change
@@ -187,14 +187,18 @@
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);

&::before {
content: $fa-content;
color: var(--prompt-#{$type}-icon-color);
font: var(--fa-font-#{$fa-style});

@if $rotate != 0 {
transform: rotate(#{$rotate}deg);
}
}
}
}

0 comments on commit a07a57e

Please sign in to comment.