Contents

/** initial setup **/
.nano_cabinet {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;

  >.nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0 !important;
    bottom: 0;
    left: 0;
    padding-top: 14px;
    padding-left: 4%;
    padding-right: 4%;

    &:focus {
      outline: thin dotted;
    }

    &::-webkit-scrollbar {
      display: none;
    }
  }

  > .nano-pane {
    background: rgba(232,240,248,.5);
    border: none;
    position: absolute;
    width: 8px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden\9;
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    > .nano-slider {
      background: #527082;
      position: relative;
      margin: 0 0px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
    }
  }

  &:hover {

    >.nano-pane {
      visibility: visible\9;
      opacity: 0.99;
    }
  }
}

.has-scrollbar {

  >.nano-content {
    &::-webkit-scrollbar {
      display: block;
    }
  }
}

.nano-pane.active {
  visibility: visible\9;
  opacity: 0.99;
}

.nano-pane.flashed {
  visibility: visible\9;
  opacity: 0.99;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
translation_cms-0.1.5	app/assets/stylesheets/cabinet/desktop/ui/_nanoscroller.scss