Metro-UI-CSS/less/datatable.less at develop · fujscss/Metro-UI-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
/*
* Third-party plugin DataTables
* Plugin home page: http://datatables.net/
*/

@import (once) "variables";
@import (once) "utils";
@import (once) "tables";
@import (once) "pagination";

.dataTable {
	.table;
    clear: both;
}

.dataTable {
	.sorting {
		.table > .sortable-column;
	}

	.sorting_asc, .sorting_desc {
		position: relative;
		&:after {
			position: absolute;
			content: "";
			width: 1rem;
			height: 1rem;
			left: 100%;
			margin-left: -20px;
			top: 50%;
			margin-top: -.5rem;
			color: inherit;
			line-height: 1;
			font-size: 1.1rem;
		}
	}
	.sorting_asc {
		.table > .sortable-column > .sort-asc;
	}
	.sorting_desc {
		.table > .sortable-column > .sort-desc;
	}
}

.dataTables_paginate {
	.pagination;
	float: left;
	width: 50%;
	margin: 0;

	.paginate_button {
		.pagination > .item;
	}
}

.dataTables_info {
	padding: 5px;
	background-color: @grayLighter;
	font-size: .875rem;
	float: right;
}

.dataTables_length {
	display: block;
	float: left;
	margin: .625rem 0;

	select {
		.no-appearance;
		margin: 0 .125rem;
		padding: .3125rem;
		border: 1px #d9d9d9 solid;

		&:focus {
			outline: none;
			border-color: @dark;
		}
	}
}

.dataTables_filter {
	display: block;
	float: right;
	margin: .625rem 0;

	label > input {
		margin: 0 0 0 .25rem;
	}

	input {
		.no-appearance;
		padding: .3125rem;
		border: 1px #d9d9d9 solid;

		&:focus {
			outline: none;
			border-color: @dark;
		}
	}
}