@import "ui-variables";

:focus {
  outline: none;
}

.pull-center {
  margin-left: auto;
  margin-right: auto;
}

.padded {
  padding: @component-padding;
}

.block {
  display: block;
  margin-bottom: @component-padding;
}
div > .block:last-child {
  margin-bottom: 0;
}

.inline-block, .inline-block-tight {
  display: inline-block;
  vertical-align: middle;
}
.inline-block {
  margin-right: @component-padding;
}
.inline-block-tight {
  margin-right: @component-padding/2;
}
div > .inline-block:last-child, div > .inline-block-tight:last-child {
  margin-right: 0;
}

@import "ui-variables";

:focus {
  outline: none;
}

.pull-center {
  margin-left: auto;
  margin-right: auto;
}

.padded {
  padding: @component-padding;
}

.block {
  display: block;
  margin-bottom: @component-padding;
}
div > .block:last-child {
  margin-bottom: 0;
}

.inline-block, .inline-block-tight {
  display: inline-block;
  vertical-align: middle;
}
.inline-block {
  margin-right: @component-padding;
}
.inline-block-tight {
  margin-right: @component-padding/2;
}
div > .inline-block:last-child,
div > .inline-block-tight:last-child {
  margin-right: 0;
}

// Use left margin when it's in a float: right element.
// Sets the margin correctly when inline blocks are hidden and shown.
.pull-right {
  .inline-block {
    margin-right: 0;
    margin-left: @component-padding;
  }
  .inline-block-tight {
    margin-right: 0;
    margin-left: @component-padding/2;
  }

  > .inline-block:first-child,
  > .inline-block-tight:first-child {
    margin-left: 0;
  }
}

Use left margin in inline-blocks to the right
Use left margin in inline-blocks to the right
