do-element/packages/theme-chalk/src/timeline.less

Secondary encapsulation of basic element-ui

.d-timeline {
	padding: 15px 0;
	list-style: none;
	margin: 0;
	line-height: inherit;
	.d-timeline-item {
		display: flex;
		justify-content: flex-start;
		min-height: 48px;
		&:last-child {
			.d-timeline-tail {
				display: none;
			}
		}
	}
	.d-timeline-node {
		position: relative;
		padding: 0 10px;
	}
	.d-timeline-dot {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 7px;
		height: 7px;
		border: 1px solid #e6e6e6;
		border-radius: 50%;
		background-color: #ffffff;
		i {
			color: inherit;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			background-color: #ffffff;
		}
		&.d-timeline-icon {
			background-color: transparent;
			border: 0;
			width: auto;
			height: auto;
		}
	}
	.d-timeline-tail {
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -1px;
		background-color: #e6e6e6;
		border-left: 2px solid #e6e6e6;
		height: 100%;
	}
	.d-timeline-right,
	.d-timeline-left {
		padding-bottom: 20px;
		margin-top: -4px;
		flex: 1;

		word-wrap: break-word;
		word-break: break-all;
	}
	.d-timeline-left {
		text-align: right;
		padding-right: 10px;
	}
	.d-timeline-right {
		text-align: left;
		padding-left: 10px;
	}
}