//
// Component: Table
//
// ========================================================================


// Variables
// ========================================================================

@table-margin-vertical:                         @global-margin;
@table-caption-color:                           @global-muted-color;
@table-caption-font-size:                       round((@global-font-size * 0.85));
@table-striped-background:                      @global-primary-light-background;
@table-hover-background:                        darken(@global-primary-light-background, 3%);

// Component
// ========================================================================

.hook-table() {
	border-bottom: 1px solid @global-primary-light-background;
}


// Miscellaneous
// ========================================================================

.hook-table-misc() {

	.uk-table {
		border: 1px solid @global-primary-light-background;

		thead {
			color: @global-color;

			th {
				font-family: @global-heading-font-family;
				font-weight: @global-heading-font-weight;
				border-bottom: 1px solid fade(@global-primary-background, 30%);
				text-align: left;
			}

			a {
				color: @global-link-color;
			}
		}

		tfoot {
			font-style: normal;
			font-size: @global-font-size;
		}

		caption {
			color: fade(@global-color, 50%);
		}
	}

	.table-bordered {
		border-color: @global-primary-light-background;

		th,
		td {
			border-color: @global-primary-light-background;
		}
	}
}