hippie-style/modules/tables/_tables_module.scss

@use "../../global/config";
@use "../../global/typography";
@use "../../functions/color" as *;

.table_link {
	width: 100%;
	border: 0;
	table-layout: auto;

	tbody {
		border-bottom: config.$border_basic;

		&:hover {
			background-color: config.$color_bright;
		}
	}

	th,
	td {
		border: 0;
	}

	.cell_icon {
		width: 48px;
		text-align: center;

		img {
			vertical-align: text-top;
		}
	}

	.cell_link {
		padding-right: config.$space_basic;
		padding-left: config.$space_basic;

		&:hover {
			background-color: basic_color(foxtrot);

			a:first-child {
				display: none;
			}

			a:last-child {
				display: block;
				color: config.$color_highlight_basic;
			}
		}

		a {
			display: block;
		}

		a:last-child {
			display: none;
		}
	}

	th:last-child,
	.cell_date {
		width: 16%;
		text-align: center;
	}

	.cell_text {
		padding-right: config.$space_basic;
		padding-left: config.$space_basic;

		div {
			width: 100%;
		}

		.shorten {
			@extend %short;
			max-height: 44px;
		}
	}
}