@atlassian/aui/lib/css/aui-group.css

Atlassian User Interface Framework

/**
 * 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;
  }
}

/*# sourceMappingURL=aui-group.css.map */