Contents

.button-toggle{
  width: 100%;
  margin: 0 auto;
  display: block;

  &--absolute{
    @extend .button-toggle;
    position: absolute;
    top: 15px;
    width: 95%;
    left: 2.5%;
  }

  &__option{
    width: 50%;
    border: 2px solid $cerulean;
    float: left;
    background: $white;
    color: $slate;
    padding: $base-padding*0.45;
    text-align: center;

    &--right{
      @extend .button-toggle__option;
      border-radius: 0 5px 5px 0;
      margin-left: -1px;
    }

    &--left{
      @extend .button-toggle__option;
      border-radius: 5px 0 0 5px;
    }

    &.visible{
      background: $cerulean;
      color: $white;
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
ama_layout-4.10.1	app/assets/stylesheets/ama_layout/layout_components/buttons/button-toggle.scss
ama_layout-4.10.0	app/assets/stylesheets/ama_layout/layout_components/buttons/button-toggle.scss
ama_layout-4.9.0	app/assets/stylesheets/ama_layout/layout_components/buttons/button-toggle.scss