添加的内容 删除的内容
无编辑摘要 |
无编辑摘要 |
||
第22行: | 第22行: | ||
} |
} |
||
⚫ | |||
.template-topicon > a |
.template-topicon > a { |
||
background-color: var(--background-color-quiet--hover); |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
background-color: var(--background-color-quiet--active); |
|||
} |
} |
||
第44行: | 第43行: | ||
} |
} |
||
.template-topicon > a .citizen-ui-icon::before { |
|||
⚫ | |||
opacity: var(--opacity-icon-base); |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
.template-topicon > a:hover .citizen-ui-icon::before { |
|||
⚫ | |||
opacity: var(--opacity-icon-base--hover); |
|||
} |
|||
⚫ | |||
opacity: var(--opacity-icon-base--active); |
|||
} |
} |
2024年6月30日 (日) 18:22的最新版本
.template-topicon {
filter: var(--filter-invert);
}
.template-topicon a {
display: flex;
gap: var(--space-sm);
align-items: center;
padding: var(--space-xs) var(--space-md);
font-weight: var(--font-weight-medium);
color: var(--color-base);
transition: var(--transition-hover);
transition-property: opacity;
}
.template-topicon > a {
gap: 0;
padding-right: var(--space-sm);
padding-left: var(--space-sm);
font-size: 0;
border-radius: var(--border-radius--medium);
}
@media screen and (min-width: 1120px) {
.template-topicon > a {
gap: var(--space-xs);
font-size: var(--font-size-small);
}
}
.template-topicon a:hover, .template-topicon a:focus {
text-decoration: none;
}
.template-topicon a:active {
color: var(--color-base--subtle);
background-color: var(--background-color-quiet--active);
}
.template-topicon a:hover {
color: var(--color-base--emphasized);
background-color: var(--background-color-quiet--hover);
}
.template-topicon > a .citizen-ui-icon::before {
opacity: var(--opacity-icon-base);
}
.template-topicon > a:hover .citizen-ui-icon::before {
opacity: var(--opacity-icon-base--hover);
}
.template-topicon > a:active .citizen-ui-icon::before {
opacity: var(--opacity-icon-base--active);
}