tntd/lib/actions/index.less

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

.tntd-card-actions {
	margin-block:0;
	margin-inline:0;
	padding-block:0;
	padding-inline:0;
	list-style:none;
	display:flex;
	gap:8px;
	background:#ffffff;
	border-block-start:1px solid rgba(5,5,5,0.06);
	min-height:42px;
}
.tntd-card-actions>* {
	align-items:center;
	justify-content:center;
	flex:1;
	display:flex;
	cursor:pointer;
	color:rgba(42,46,54,0.65);
	transition:color 0.3s;
}
.tntd-card-actions>*:hover {
	color:#468fff;
}
.tntd-card-actions>li>div {
	flex:1;
	width:100%;
	margin-block:12px;
	margin-inline:0;
	color:rgba(42,46,54,0.65);
	text-align:center;
}
.tntd-card-actions>li>div a {
	color:rgba(42,46,54,0.65);
	transition:color 0.3s;
}
.tntd-card-actions>li>div a:hover {
	color:#468fff;
}
.tntd-card-actions>li>div div {
	position:relative;
	display:block;
	min-width:32px;
	font-size:14px;
	line-height:1.5714285714285714;
	cursor:pointer;
}
.tntd-card-actions>li>div div:hover {
	color:#468fff;
	transition:color 0.3s;
}
.tntd-card-actions>li>div div a:not(.ant-btn),
.tntd-card-actions>li>div div >.anticon {
	display:inline-block;
	width:100%;
	color:rgba(42,46,54,0.65);
	line-height:22px;
	transition:color 0.3s;
}
.tntd-card-actions>li>div div a:not(.ant-btn):hover,
.tntd-card-actions>li>div div >.anticon:hover {
	color:#468fff;
}
.tntd-card-actions>li>div div .anticon {
	font-size:16px;
	line-height:22px;
}
.tntd-card-actions>li>div:not(:last-child) {
	border-inline-end:1px solid rgba(5,5,5,0.06);
}