blackteay/uniapp-vue3-vite-ts-template
1
0
Fork 0
mirror of https://gitee.com/h_mo/uniapp-vue3-vite-ts-template synced 2025-04-06 03:58:03 +08:00
Code Issues Projects Releases Wiki Activity

feat: duotone图标样式配置

Browse Source
This commit is contained in:
h_mo 2022-09-28 20:53:06 +08:00
parent b60f7fa728
commit 998c87fa76
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/FontAwesomeIcon/scss/_variables.scss
View File

@ -48,6 +48,11 @@ $fa-stack-z-index : auto !default;
$fa-font-display : block !default; $fa-font-display : block !default;
$fa-font-path : "./webfonts" !default; $fa-font-path : "./webfonts" !default;
$fa-primary-color : inherit !default;
$fa-primary-opacity : 1 !default;
$fa-secondary-opacity : 4 !default;
$fa-secondary-color : inherit !default;
$fa-var-0: \30; $fa-var-0: \30;
$fa-var-1: \31; $fa-var-1: \31;
$fa-var-2: \32; $fa-var-2: \32;

8
src/components/FontAwesomeIcon/scss/duotone.scss
View File

@ -28,8 +28,8 @@
.fad:before, .fad:before,
.#{$fa-css-prefix}-duotone:before{ .#{$fa-css-prefix}-duotone:before{
position: absolute; position: absolute;
color: var(--fa-primary-color,inherit); color: $fa-primary-color;
opacity: var(--fa-primary-opacity,1); opacity: $fa-primary-opacity;
} }
.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-swap-opacity:before, .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-swap-opacity:before,
@ -38,9 +38,9 @@
.fad:before, .fad:before,
.fad.#{$fa-css-prefix}-swap-opacity:before, .fad.#{$fa-css-prefix}-swap-opacity:before,
.fad:after { .fad:after {
opacity: var(--fa-secondary-opacity,.4); opacity: $fa-secondary-opacity;
} }
.#{$fa-css-prefix}-duotone:after, .fad:after { .#{$fa-css-prefix}-duotone:after, .fad:after {
color: var(--fa-secondary-color,inherit); color: $fa-secondary-color;
} }