@atlassian/aui
Version:
Atlassian User Interface Framework
68 lines (65 loc) • 1.83 kB
CSS
/*!!
* @atlassian/aui - Atlassian User Interface Framework
* @version v8.0.0-alpha.1
* @link https://aui.atlassian.com
* @license SEE LICENSE IN LICENSE.md
* @author Atlassian Pty Ltd.
*/
/**
* GROUP/ITEM
*/
.aui-group {
display: table;
box-sizing: border-box;
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
.aui-group > .aui-item {
box-sizing: border-box;
display: table-cell;
margin: 0;
vertical-align: top;
}
.aui-group > .aui-item + .aui-item {
padding-left: 20px;
}
/* defensive header allowance */
.aui-layout .aui-group > header {
display: table-caption;
}
/* .aui-group-split: two items; alignment is left, then right (splits the layout). */
.aui-group.aui-group-split > .aui-item {
text-align: right;
}
.aui-group.aui-group-split > .aui-item:first-child {
text-align: left;
}
/* .aui-group-trio: three items; alignment is left, center, right */
.aui-group.aui-group-trio > .aui-item {
text-align: left;
}
.aui-group.aui-group-trio > .aui-item + .aui-item {
text-align: center;
}
.aui-group.aui-group-trio > .aui-item + .aui-item + .aui-item {
text-align: right;
}
@media screen and (max-width: 767px) {
html.aui-responsive .aui-group > .aui-item {
display: block;
width: auto;
}
html.aui-responsive .aui-group > .aui-item + .aui-item {
padding-left: 0;
padding-top: 10px;
}
html.aui-responsive .aui-group.aui-group-split > .aui-item,
html.aui-responsive .aui-group.aui-group-trio > .aui-item,
html.aui-responsive .aui-group.aui-group-split > .aui-item + .aui-item,
html.aui-responsive .aui-group.aui-group-trio > .aui-item + .aui-item,
html.aui-responsive .aui-group.aui-group-split > .aui-item + .aui-item + .aui-item,
html.aui-responsive .aui-group.aui-group-trio > .aui-item + .aui-item + .aui-item {
text-align: left;
}
}