UNPKG

1.48 kBtext/lessView Raw
1@import (reference) './imports/global';
2
3/**
4 * GROUP/ITEM
5 */
6
7.aui-group {
8 display: table;
9 box-sizing: border-box;
10 border-spacing: 0;
11 table-layout: fixed;
12 width: 100%;
13}
14
15.aui-group > .aui-item {
16 box-sizing: border-box;
17 display: table-cell;
18 margin: 0;
19 vertical-align: top;
20}
21
22.aui-group > .aui-item + .aui-item {
23 padding-left: (@aui-grid * 2);
24}
25
26/* defensive header allowance */
27.aui-layout .aui-group > header {
28 display: table-caption;
29}
30
31/* .aui-group-split: two items; alignment is left, then right (splits the layout). */
32.aui-group.aui-group-split > .aui-item {
33 text-align: right;
34}
35
36.aui-group.aui-group-split > .aui-item:first-child {
37 text-align: left;
38}
39
40/* .aui-group-trio: three items; alignment is left, center, right */
41.aui-group.aui-group-trio > .aui-item {
42 text-align: left;
43}
44
45.aui-group.aui-group-trio > .aui-item + .aui-item {
46 text-align: center;
47}
48
49.aui-group.aui-group-trio > .aui-item + .aui-item + .aui-item {
50 text-align: right;
51}
52
53#aui.responsive-small({
54 .aui-group {
55 > .aui-item {
56 display: block;
57 width: auto;
58
59 + .aui-item {
60 padding-left: 0;
61 padding-top: @aui-grid;
62 }
63 }
64
65 &.aui-group-split,
66 &.aui-group-trio {
67 > .aui-item, > .aui-item + .aui-item,
68 > .aui-item + .aui-item + .aui-item {
69 text-align: left;
70 }
71 }
72 }
73});