summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/table-object/table-object.scss
blob: 353c7328cad9f38d8a77d7f6c36913b748e785f9 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// TableObject is a module for creating dynamically resizable elements that
// always sit on the same horizontal line (e.g., they never wrap). Using
// tables means it's cross browser friendly.

.TableObject {
  display: table;
}

// Place this on every "cell"
.TableObject-item {
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

// Place this on the largest or most important "cell"
.TableObject-item--primary {
  width: 99%;
}