Ripro主题菜单分类美化

内容简介：

在Ripro主题中，可以通过自定义属性来设置分类菜单美化，并且可以对每个分类的角标进行设置，使你的网站显的更加高大上。

支持Ripro-v2和v5，理论支持所有主题。

效果图片：

将下面代码添加到网站主题 自定义CSS样式代码

/* 分类角标 */
.xiaobai {
display: inline-block;
transform: translateY(-12px);
font-size: .75rem;
letter-spacing: 0.05em;
background: linear-gradient(to top, #b4b1ef, #e21fc7 7.56%);
color: #ffffff;
border-radius: 1rem;
padding: .15rem .275rem;
line-height: 1;
font-weight: bold;
}

.new {
display: inline-block;
transform: translateY(-12px);
font-size: .75rem;
letter-spacing: 0.05em;
background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
color: #ffffff;
border-radius: 1rem;
padding: .15rem .275rem;
line-height: 1;
font-weight: bold;
}

将下面代码添加到外观—菜单—导航标签

<span class="xiaobai"> 新</span>

<span class="new">HOT</span>

两种显示样式，看自己喜欢那个！