/**
 * Stylesheet
 *
 * @namespace Lungo.Layout
 * @class Aside
 *
 * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
 */

@import "constants.styl"

aside
  min-width: ASIDE_WIDTH
  display: none
  z-index: -1

  &.active
    display-box()

  &.show
    z-index: 0

  &.right
    right: 0px

  &.small
    width: ASIDE_WIDTH_SMALL
    & nav
      width: ASIDE_WIDTH_SMALL
      text-align: center
      & a
        display: block
        padding: 0px
        width: ASIDE_WIDTH_SMALL
        height: ASIDE_WIDTH_SMALL
        & .icon
          position: absolute
          width: inherit
          font-size: ASIDE_SMALL_ICON
          line-height: (ASIDE_WIDTH_SMALL - 8)

        & .tag
          position: relative
          top: -(ASIDE_WIDTH_SMALL)
          right: -(ASIDE_WIDTH_SMALL / 3.4)

        &:first-child
          margin-top: 8px