asandikci.com/web
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui): make info-prompt icon looks like the letter "i" (#1835)

Browse source
This commit is contained in:
Cotes Chung 2024-07-04 02:21:22 +08:00 committed by GitHub
parent db9e58bab2
commit a07a57ec92
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_sass/addon/commons.scss
View file

@ -107,8 +107,8 @@ blockquote {
} }
} }
@include prompt('tip', '\f0eb', 'regular'); @include prompt('tip', '\f0eb', $fa-style: 'regular');
@include prompt('info', '\f06a'); @include prompt('info', '\f06a', $rotate: 180);
@include prompt('warning', '\f06a'); @include prompt('warning', '\f06a');
@include prompt('danger', '\f071'); @include prompt('danger', '\f071');
} }

6
_sass/addon/module.scss
View file

@ -187,7 +187,7 @@
transform: translateX(-50%); transform: translateX(-50%);
} }
@mixin prompt($type, $fa-content, $fa-style: 'solid') { @mixin prompt($type, $fa-content, $fa-style: 'solid', $rotate: 0) {
&.prompt-#{$type} { &.prompt-#{$type} {
background-color: var(--prompt-#{$type}-bg); background-color: var(--prompt-#{$type}-bg);
@ -195,6 +195,10 @@
content: $fa-content; content: $fa-content;
color: var(--prompt-#{$type}-icon-color); color: var(--prompt-#{$type}-icon-color);
font: var(--fa-font-#{$fa-style}); font: var(--fa-font-#{$fa-style});
@if $rotate != 0 {
transform: rotate(#{$rotate}deg);
}
} }
} }
} }