Contents

.ae-btn-group
  position: relative
  vertical-align: middle
  margin: 1em 0

.ae-btn-group-left
  text-align: left

.ae-btn-group-center
  text-align: center

.ae-btn-group-right
  text-align: right

// Buttons in this group have no spaces among them
.ae-btn-group-collapsed
  .ae-btn:first-child
    @include border-radius(4px 0 0 4px)
    margin-right: 0

  .ae-btn
    @include border-radius(0)
    margin-right: 0
    position: relative

  .ae-btn:nth-child(n+2)
    margin-left: -1px

  .ae-btn:last-child
    @include border-radius(0 4px 4px 0)

.ae-btn-group-justified
  @include tablet-max
    .ae-btn
      display: block
      width: 100%

  @include tablet
    display: table
    width: 100%
    table-layout: fixed
    border-collapse: separate

    .ae-btn-group
      display: table-cell
      float: none
      width: 1%
      position: relative

      &:not(:last-of-type)
        padding-right: 1%


    .ae-btn
      width: 100%

.ae-btn-group-full-width
  width: 100%
  @include clearfix

  .ae-btn
    width: auto

  .ae-btn-left
    float: left
    display: inline-block

  .ae-btn-right
    float: right
    display: inline-block

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
express_ui-0.5.2	app/assets/stylesheets/express_ui/molecules/_button_group.sass
express_ui-0.5.1	app/assets/stylesheets/express_ui/molecules/_button_group.sass