Contents

/*
 * Aside element
 */

.aside {

  position: fixed;
  visibility: hidden;
  top: 0;
  bottom: 0;
  z-index: @zindex-modal - 1;
  overflow: auto;
  min-width: 320px;
  background: white;

  &:focus {
    outline: none;
  }
  @media (max-width: @screen-sm-max) {
    min-width: 240px;
  }

  &.left {
    right: auto;
    left: -350px;
    &.in {
      right: auto;
      left: 0;
      visibility: visible;
      .animated;
      .slideInLeft;
    }
  }
  &.right {
    right: -350px;
    left: auto;
    &.in {
      right: 0;
      left: auto;
      visibility: visible;
      .animated;
      .slideInRight;
    }
  }


  .aside-dialog {
    .aside-header {
      .modal-header;
      padding: 6px 15px;
      background: @brand-primary;
      color: white;
      .close {
        margin-right: -8px;
        padding: 4px 8px;
        color: white;
        font-size: 25px;
        opacity: .8;
      }
    }
    .aside-body {
      .modal-body;
    }
    .aside-footer {
      .modal-footer;
    }
  }

}

.aside-backdrop {
  .modal-backdrop;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
railsstrap-3.3.4	vendor/assets/stylesheets/aside/aside.less
railsstrap-3.3.2	vendor/assets/stylesheets/aside/aside.less