标签图标

[TheBestPessimist]

项目符号标签 + 标签颜色

如果您使用的是项目符号样式的标签，并且：

• 希望 标签图标 和 标签文本 的颜色保持一致
• 希望仅在未设置 标签图标 时显示项目符号

以下是我为 books 和 science-fiction 标签实现此效果的方法：

最终效果：

1. Tag icons 组件（本组件）的设置

2. 设置一个必须与 Tag Icons 保持同步的辅助组件
   在此组件中，我们执行两项操作：
   1. 隐藏特定标签的项目符号
   2. 将标签文本颜色设置为与图标相同的颜色

为此，我们创建一个新的主题组件：Tag Icons extra。
在 Common/CSS 部分：

1. 添加以下混入（只需添加一次）：

@mixin updateBulletTag ($col) {
    &.bullet {
        color: $col !important;
    }
    &.bullet::before {
        content: none !important;
    }
}

2. 对于每个需要编辑的标签，粘贴以下代码，并将 REPLACEMETAG 替换为标签名称，将 REPLACEMECOLOR 替换为与图标相同的颜色：

[data-tag-name="REPLACEMETAG"] {
    @include updateBulletTag(REPLACEMECOLOR);
}