gov-design-vue
Version:
An enterprise-class UI design language and Vue-based implementation
40 lines (39 loc) • 1.18 kB
CSS
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.gov-breadcrumb {
font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-variant: tabular-nums;
line-height: 1.5;
color: rgba(0, 0, 0, 0.65);
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
}
.gov-breadcrumb .anticon {
font-size: 14px;
}
.gov-breadcrumb a {
color: rgba(0, 0, 0, 0.45);
transition: color 0.3s;
}
.gov-breadcrumb a:hover {
color: #2986ff;
}
.gov-breadcrumb > span:last-child {
color: rgba(0, 0, 0, 0.65);
}
.gov-breadcrumb > span:last-child .gov-breadcrumb-separator {
display: none;
}
.gov-breadcrumb-separator {
margin: 0 8px;
color: rgba(0, 0, 0, 0.45);
}
.gov-breadcrumb-link > .anticon + span {
margin-left: 4px;
}