ndoc/lib/ndoc/plugins/renderers/html/stylesheets/menu.styl

JavaScript API documentor with simple syntax.

.menu
  padding: 0
  margin: 0
  list-style: none
  top: 45px
  bottom: 0
  position: absolute
  overflow-x: hidden
  overflow-y: auto
  width: 240px

  a
    border 0
    padding 3px 10px 3px 28px
    background-position 6px 50%
    background-repeat no-repeat
    display block
    transition all .3s ease

    color: #333333
    display: block
    text-align: left
    text-decoration: none
    white-space: nowrap

    // States
    &.deprecated
      opacity 0.5
    &.current
      background-color: #ddd
    &.current-parent
      background-color: grayLightest

    &:hover
      background-color: grayLighter

    // Section - special case
    &.section
      background-color: black
      background: linear-gradient(#000 70%, #444) repeat scroll 0 0 transparent
      color: grayLighter;
      font-weight bold
      padding: 6px 10px 6px 28px

    // Icons
    &.class
      background-image: url(../images/class.png)
    &.class-method
      background-image: url(../images/class_method.png)
    &.class-property
      background-image: url(../images/class_property.png)
    &.constant
      background-image: url(../images/constant.png)
    &.constructor
      background-image: url(../images/constructor.png)
    &.event
      background-image: url(../images/event.png)
    &.instance-method
      background-image: url(../images/instance_method.png)
    &.instance-property
      background-image: url(../images/instance_property.png)
    &.method
      background-image: url(../images/method.png)
    &.mixin
      background-image: url(../images/mixin.png)
    &.namespace
      background-image: url(../images/namespace.png)
    &.property
      background-image: url(../images/property.png)
    &.utility
      background-image: url(../images/utility.png)

  // offsets for nested blocks
  ul
    padding 0
    margin 0
    list-style none
    a
      padding-left: 38px
      background-position: 16px 50%
    ul
      a
        padding-left: 48px
        background-position: 26px 50%
      ul
        a
          padding-left: 58px
          background-position: 36px 50%
        ul
          a
            padding-left: 68px
            background-position: 46px 50%