f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 13:44:15 +00:00
Code Issues Packages Releases Activity

refactor(icons): upgrade font-awesome syntax to version 6

Browse Source
This commit is contained in:
Cotes Chung
2022-12-08 06:08:26 +08:00
parent 7fb0ee0bed
commit 5561cd86b5
3 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
_sass/addon/commons.scss
View File

@@ -98,10 +98,13 @@ blockquote {
color: var(--prompt-text-color);
&::before {
font-family: "Font Awesome 5 Free";
text-align: center;
width: 1.25rem;
margin-right: 0.75rem;
position: relative;
top: 0.4rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
> div {
@@ -113,7 +116,7 @@ blockquote {
}
}
@include prompt("tip", "\f0eb", 400);
@include prompt("tip", "\f0eb", "regular");
@include prompt("info", "\f06a");
@include prompt("warning", "\f06a");
@include prompt("danger", "\f071");

6
_sass/addon/module.scss
View File

@@ -141,14 +141,14 @@
transform: translateX(-50%);
}
@mixin prompt($type, $fw-icon, $icon-weight: 900) {
@mixin prompt($type, $fa-content, $fa-style: "solid") {
&.prompt-#{$type} {
background-color: var(--prompt-#{$type}-bg);
&::before {
content: $fw-icon;
content: $fa-content;
color: var(--prompt-#{$type}-icon-color);
font-weight: $icon-weight;
font: var(--fa-font-#{$fa-style});
}
}
}