wehub-resource-sync
70 lines
1.2 KiB
CSS
Executable File
70 lines
1.2 KiB
CSS
Executable File
/* Wechat-specific styles (Tailwind is provided globally by /index.css) */
|
|
|
|
:root {
|
|
--wechat-green: #07c160;
|
|
--wechat-bg: #ededed;
|
|
--wechat-text-main: #191919;
|
|
--wechat-text-desc: #7f7f7f;
|
|
--wechat-link: #576b95;
|
|
}
|
|
|
|
/* 微信气泡尾巴 */
|
|
.bubble-tail-me::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 12px;
|
|
right: -5px;
|
|
width: 10px;
|
|
height: 10px;
|
|
background-color: #95ec69;
|
|
transform: rotate(45deg);
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.bubble-tail-other::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 12px;
|
|
left: -5px;
|
|
width: 10px;
|
|
height: 10px;
|
|
background-color: #fff;
|
|
transform: rotate(45deg);
|
|
border-radius: 1px;
|
|
}
|
|
|
|
/* 隐藏滚动条但保留功能 */
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
/* 微信列表点击态 */
|
|
.active-state:active {
|
|
background-color: #e5e5e5 !important;
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
|
|
.animate-fade-in {
|
|
animation: fadeIn 0.2s ease-out forwards;
|
|
}
|
|
|
|
@keyframes wechatSpin {
|
|
from { transform: rotate(0deg); }
|
|
to { transform: rotate(360deg); }
|
|
}
|
|
|
|
.wechat-spin {
|
|
animation: wechatSpin 1s linear infinite !important;
|
|
transform-origin: 50% 50%;
|
|
will-change: transform;
|
|
}
|
|
|