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


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

@table-margin-vertical:                         @global-margin;

@table-caption-color:                           @global-muted-color;
@table-caption-font-size:                       round((@global-font-size * 0.85)); // 12px

@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 {
			font-family: @global-heading-font-family;
			font-weight: @global-heading-font-weight;

			th {
				border-bottom: 1px solid @global-primary-background;
			}
		}

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

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

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