添加的内容 删除的内容
(创建页面,内容为“.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); } .template-topicon > a:hover { backgr…”) |
无编辑摘要 |
||
(未显示同一用户的3个中间版本) | |||
第1行: | 第1行: | ||
⚫ | |||
filter: var(--filter-invert); |
|||
⚫ | |||
.template-topicon a { |
.template-topicon a { |
||
display: flex; |
display: flex; |
||
第18行: | 第22行: | ||
} |
} |
||
⚫ | |||
.template-topicon > a |
.template-topicon > a { |
||
background-color: var(--background-color-quiet--hover); |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
.template-topicon > a:active { |
|||
background-color: var(--background-color-quiet--active); |
|||
} |
} |
||
第40行: | 第43行: | ||
} |
} |
||
⚫ | |||
⚫ | |||
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); |
|||
} |
} |
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);
}