-
Notifications
You must be signed in to change notification settings - Fork 204
Expand file tree
/
Copy path_objects.table.scss
More file actions
81 lines (51 loc) · 1.52 KB
/
_objects.table.scss
File metadata and controls
81 lines (51 loc) · 1.52 KB
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
/* ==========================================================================
#TABLE
========================================================================== */
$inuit-table-tiny-cell-padding: $inuit-global-spacing-unit-tiny !default;
$inuit-table-small-cell-padding: $inuit-global-spacing-unit-small !default;
$inuit-table-large-cell-padding: $inuit-global-spacing-unit-large !default;
$inuit-table-huge-cell-padding: $inuit-global-spacing-unit-huge !default;
/**
* A simple object for manipulating the structure of HTML `table`s.
*/
.o-table {
width: 100%;
}
/* Equal-width table cells
========================================================================== */
/**
* `table-layout: fixed` forces all cells within a table to occupy the same
* width as each other. This also has performance benefits: because the browser
* does not need to (re)calculate cell dimensions based on content it discovers,
* the table can be rendered very quickly. Further reading:
* https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values
*/
.o-table--fixed {
table-layout: fixed;
}
/* Size variants
========================================================================== */
.o-table--tiny {
th,
td {
padding: $inuit-table-tiny-cell-padding;
}
}
.o-table--small {
th,
td {
padding: $inuit-table-small-cell-padding;
}
}
.o-table--large {
th,
td {
padding: $inuit-table-large-cell-padding;
}
}
.o-table--huge {
th,
td {
padding: $inuit-table-huge-cell-padding;
}
}