@import "../common/var";

@include b(year-table) {
	font-size: 12px;
	margin: -1px;
	border-collapse: collapse;

	.el-icon {
		color: $--datepicker-icon-color;
	}

	td {
		text-align: center;
		padding: 20px 3px;
		cursor: pointer;

		&.today {
			.cell {
				color: $--color-primary;
				font-weight: bold;
			}
		}

		&.disabled .cell {
			background-color: $--background-color-base;
			cursor: not-allowed;
			color: $--color-text-placeholder;

			&:hover {
				color: $--color-text-placeholder;
			}
		}

		.cell {
			width: 48px;
			height: 32px;
			display: block;
			line-height: 32px;
			color: $--datepicker-font-color;
			margin: 0 auto;

			&:hover {
				color: $--datepicker-hover-font-color;
			}
		}

		&.current:not(.disabled) .cell {
			color: $--datepicker-active-color;
		}
	}
}