添加的内容 删除的内容
无编辑摘要 |
无编辑摘要 |
||
| （未显示同一用户的2个中间版本） | |||
| 第22行： | 第22行： | ||
} |
} |
||
| ⚫ | |||
.template-topicon > a |
.template-topicon > a { |
||
background-color: var(--background-color-quiet--hover); |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
background-color: var(--background-color-quiet--active); |
|||
} |
} |
||
| 第44行： | 第43行： | ||
} |
} |
||
| ⚫ | |||
| ⚫ | |||
opacity: var(--opacity-icon-base); |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
} |
|||
} |
} |
||
| ⚫ | |||
/* icons */ |
|||
opacity: var(--opacity-icon-base--hover); |
|||
.mw-ui-icon-wikimedia-logoWikipedia:before { |
|||
background-image: url(https://static.miraheze.org/zhtardiswiki/c/c4/WikimediaUI-Logo-Wikipedia.svg); |
|||
} |
} |
||
. |
.template-topicon > a:active .citizen-ui-icon::before { |
||
opacity: var(--opacity-icon-base--active); |
|||
background-image: url(https://static.miraheze.org/zhtardiswiki/1/12/WikimediaUI-Globe.svg); |
|||
} |
} |
||
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);
}