受 Waterhole 启发,决定做一套样式来模仿。
晚夕社区
主要更改了按钮、加载指示器的样式,这只是开始的一点点代码,以后将深入开发,建议关注此帖等待样式的更新。
@border-radius: 10px;
.Hero-close {
display: none;
}
.Button:active,
.Button.active,
.open>.Button.Dropdown-toggle {
box-shadow: unset;
}
.Button {
transition: background-color 0.4s;
}
@media (min-width: 768px) {
.Dropdown-menu {
padding: 6px 6px 3px;
>li>a,
>li>button,
>li>span {
border-radius: 6px;
margin-bottom: 3px;
}
}
.item-nav>div>ul>li {
margin: 4px 0;
padding: 0.25px 8px;
border-radius: 10px;
&:hover {
background-color: var(--control-bg-light);
}
&.active {
background-color: var(--control-bg);
}
&>a {
margin: 0;
}
}
ul.NotificationGroup-content>li {
margin: 6px;
&>a.Notification {
border-radius: 6px;
}
}
}
@media (max-width:767px) {
.DiscussionPage-nav>ul>li {
margin: 3px;
}
}
.LoadingIndicator {
border-color: var(--control-bg);
border-width: 3px;
border-top-color: var(--muted-color-light);
}