{"version":3,"sources":["_core.scss","_variables.scss","_mixins.scss","_collapsible.scss","_hoverable.scss","_direction.scss"],"names":[],"mappings":"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","file":"stacked-menu.min.css","sourcesContent":["/** The root StackedMenu */\n.#{$stacked-menu-class-prefix} {\n  position: relative;\n  padding: .25rem 0;\n  background-color: $stacked-menu-bg;\n\n  ul.menu {\n    display: block;\n    padding-left: 0;\n    margin-bottom: 0;\n    list-style: none;\n\n    + .menu {\n      margin-top: 1em;\n    }\n  }\n\n  .menu-header {\n    margin: .5em 0 0;\n    padding: $stacked-menu-padding;\n    color: $stacked-menu-color-disabled;\n    font-size: $stacked-menu-header-font-size;\n    font-weight: bold;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n\n    > .badge,\n    > .label {\n      position: absolute;\n      right: $stacked-menu-padder + ($stacked-menu-padder/2);\n      z-index: 2;\n    }\n  }\n\n  .menu-subhead {\n    display: none;\n    padding: $stacked-menu-padding;\n    font-size: $stacked-menu-font-size;\n    color: $stacked-menu-child-active-color;\n    line-height: 1.75em;\n    overflow: hidden;\n  }\n\n  .menu-link {\n    position: relative;\n    display: block;\n    padding: $stacked-menu-padding;\n    font-size: $stacked-menu-font-size;\n    color: $stacked-menu-child-color;\n    text-decoration: none;\n    line-height: 1.75em;\n    overflow: hidden;\n\n    > .menu-icon {\n      width: 1.25em;\n      margin-right: .5em;\n      text-align: center;\n      font-size: $stacked-menu-icon-size;\n      color: $stacked-menu-icon-color;\n    }\n\n    > .badge,\n    > .label {\n      position: absolute;\n      right: $stacked-menu-padder + ($stacked-menu-padder/2);\n      margin-top: .25em;\n      z-index: 2;\n    }\n\n    @include hover-focus {\n      color: $stacked-menu-child-hover-color;\n      background-color: $stacked-menu-child-hover-bg;\n      text-decoration: none;\n      overflow: visible;\n\n      .menu-icon {\n        color: $stacked-menu-icon-hover-color;\n      }\n    }\n  }\n\n  /* global state */\n  .menu-item {\n\n    + .menu-item {\n      margin-top: 0;\n    }\n\n    &.has-open:not(.has-active) {\n      > .menu-link {\n        background-color: $stacked-menu-child-hover-bg;\n        color: $stacked-menu-child-hover-color;\n        .menu-icon {\n          color: $stacked-menu-icon-hover-color;\n        }\n      }\n    }\n\n    &.has-active {\n      > .menu-link {\n        background-color: $stacked-menu-child-active-bg;\n        color: $stacked-menu-child-active-color;\n        .menu-icon {\n          color: $stacked-menu-icon-active-color;\n        }\n      }\n    }\n  }\n\n  /* nav child */\n  .has-child {\n    position: relative;\n    > .menu {\n      height: 0;\n      visibility: hidden;\n      opacity: 0;\n      background-color: $stacked-menu-child-bg;\n    }\n    &.has-active:hover > .menu,\n    &.has-open > .menu {\n      overflow: visible;\n    }\n    &.has-active > .menu {\n      height: auto;\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n\n  /* nav level 1 */\n  > .menu > .menu-item {\n    > .menu-link {\n      color: $stacked-menu-color;\n      @include hover-focus {\n        color: $stacked-menu-hover-color;\n        background-color: $stacked-menu-hover-bg;\n      }\n    }\n    &.has-open > .menu-link {\n      color: $stacked-menu-hover-color;\n      background-color: $stacked-menu-hover-bg;\n    }\n\n    &.has-active > .menu-link {\n      background-color: $stacked-menu-active-bg;\n      color: $stacked-menu-active-color;\n      @include box-shadow(inset 3px 0 0 $stacked-menu-accent-color);\n    }\n\n    /* level 1 */\n    > .menu {\n      .menu-link {\n        padding-left: ($stacked-menu-padder * 6);\n      }\n\n      /* level 2 */\n      .menu {\n        .menu-link {\n          padding-left: ($stacked-menu-padder * 8);\n        }\n\n        /* level 3 */\n        .menu {\n          .menu-link {\n            padding-left: ($stacked-menu-padder * 10);\n          }\n        }\n      }\n    }\n  }\n\n  /* disabled state */\n  .menu-item.disabled > .menu-link,\n  .menu-item > .menu-link.disabled {\n    color: $stacked-menu-color-disabled;\n\n    .menu-icon {\n      color: $stacked-menu-color-disabled;\n    }\n\n    @include hover-focus {\n      &,\n      .menu-icon {\n        background-color: transparent;\n        color: $stacked-menu-color-disabled;\n      }\n    }\n  }\n}\n\n\n/* Compact */\n.#{$stacked-menu-class-prefix}-has-compact {\n  .has-child.has-active > .menu {\n    visibility: hidden;\n    height: 0;\n    opacity: 0;\n  }\n\n  .has-child {\n    &.has-active {\n      .menu-subhead {\n        background-color: $stacked-menu-active-bg;\n      }\n    }\n    .menu-subhead {\n      display: block;\n    }\n  }\n\n  > .menu {\n    > .menu-item > .menu-link {\n      text-align: center;\n      padding-right: 0;\n      padding-left: 0;\n      max-height: 40px;\n\n      > .badge,\n      > .label {\n        top: 0;\n        right: ($stacked-menu-padder/2);\n      }\n\n      .menu-icon {\n        margin: 0;\n        font-size: 1.25em;\n        line-height: 1.5em;\n      }\n    }\n    > .menu-item.has-child > .menu-link .menu-text {\n      display: none;\n    }\n    > .menu-header {\n      // transform to empty space\n      margin: 0;\n      height: 0;\n      overflow: hidden;\n      visibility: hidden;\n      opacity: 0;\n      user-select: none;\n    }\n    > .menu-item:not(.has-child) > .menu-link {\n      .menu-text {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 100%;\n        padding: $stacked-menu-padder ($stacked-menu-padder*1.5) $stacked-menu-padder 0;\n        border-radius: 0 $stacked-menu-border-radius $stacked-menu-border-radius 0;\n        width: 0;\n        height: 0;\n        visibility: hidden;\n        opacity: 0;\n        background-color: $stacked-menu-hover-bg;\n        line-height: 1.75em;\n        white-space: nowrap;\n        @include transition(opacity 150ms linear);\n      }\n\n      @include hover {\n        .menu-text {\n          width: auto;\n          height: auto;\n          visibility: visible;\n          opacity: 1;\n        }\n      }\n    }\n    > .menu-item.has-active > .menu-link .menu-text {\n      background-color: $stacked-menu-active-bg;\n    }\n    > .menu-item.disabled > .menu-link,\n    > .menu-item > .menu-link.disabled {\n      .menu-text {\n        background-color: $stacked-menu-bg;\n      }\n    }\n    > .menu-item.has-child {\n      > .menu-link {\n        &:before {\n          content: none;\n        }\n        .menu-text {\n          padding: $stacked-menu-padding;\n          text-align: left;\n          width: 200px;\n        }\n      }\n    }\n  }\n}\n","$enable-shadows:              true !default;\n$enable-transitions:          true !default;\n$transition-base:             all 150ms linear !default;\n\n$stacked-menu-class-prefix:         'stacked-menu' !default;\n$stacked-menu-breakpoint:           992px !default;\n$stacked-menu-padder:               .5rem !default;\n$stacked-menu-border-radius:        0 !default;\n$stacked-menu-bg:                   #15191d !default;\n$stacked-menu-child-bg:             lighten($stacked-menu-bg, 3) !default;\n$stacked-menu-accent-color:         #5d67ad !default;\n// nav menu\n$stacked-menu-font-size:          .875rem !default;\n$stacked-menu-header-font-size:   .8125rem !default;\n$stacked-menu-padding:            $stacked-menu-padder ($stacked-menu-padder * 2) !default;\n\n$stacked-menu-icon-size:            1rem !default;\n\n// theme\n$stacked-menu-hover-bg:           darken($stacked-menu-bg, 3) !default;\n$stacked-menu-active-bg:          lighten($stacked-menu-bg, 5) !default;\n$stacked-menu-color:              #ccc !default;\n$stacked-menu-hover-color:        #eee !default;\n$stacked-menu-active-color:       #eee !default;\n$stacked-menu-color-disabled:     #555 !default;\n// icon\n$stacked-menu-icon-color:          #999 !default;\n$stacked-menu-icon-hover-color:    $stacked-menu-hover-color !default;\n$stacked-menu-icon-active-color:   $stacked-menu-active-color !default;\n// child\n$stacked-menu-child-hover-bg:           transparent !default;\n$stacked-menu-child-active-bg:          transparent !default;\n$stacked-menu-child-color:              #999 !default;\n$stacked-menu-child-hover-color:        $stacked-menu-accent-color !default;\n$stacked-menu-child-active-color:       #fff !default;","@mixin breakpoint-up($breakpoint) {\n  @media (min-width: ($breakpoint + 1px)) {\n    @content;\n  }\n}\n\n@mixin breakpoint-down($breakpoint) {\n  @media (max-width: ($breakpoint - 1px)) {\n    @content;\n  }\n}\n\n@mixin box-shadow($shadow...) {\n  @if $enable-shadows {\n    box-shadow: $shadow;\n  }\n}\n\n@mixin transition($transition...) {\n  @if $enable-transitions {\n    @if length($transition) == 0 {\n      transition: $transition-base;\n    } @else {\n      transition: $transition;\n    }\n  }\n}\n\n@mixin hover {\n  &:hover { @content }\n}\n\n@mixin hover-focus {\n  &:focus { @content }\n  @include hover { @content }\n}\n\n@mixin active {\n  &:active,\n  &.active { @content }\n}\n\n@mixin hover-focus-active {\n  &:focus,\n  &:active,\n  &.active {\n    @content\n  }\n  @include hover { @content }\n}\n","/* Behavior */\n.#{$stacked-menu-class-prefix}-has-collapsible {\n  /** caret angle, Only show on collapsible mode */\n  .has-child {\n    > .menu-link::after {\n      display: inline-block;\n      font: normal normal normal 14px/1 FontAwesome;\n      font-size: inherit;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      content: '\\f104';\n      position: absolute;\n      right: ($stacked-menu-padder*1.5);\n      top: 50%;\n      transform: translateY(-.5em);\n      height: 1em;\n      width: 1em;\n      line-height: 1em;\n      text-align: center;\n    }\n\n    &.has-active > .menu-link::after,\n    &.has-open > .menu-link::after {\n      content: '\\f107'\n    }\n  }\n\n  .has-child > .menu {\n    visibility: visible;\n    opacity: 1;\n    overflow: hidden;\n  }\n  .has-child.has-open:not(.has-active) {\n    > .menu {\n      height: auto;\n    }\n  }\n}\n\n/** collapsible on compact mode */\n.#{$stacked-menu-class-prefix}-has-collapsible.#{$stacked-menu-class-prefix}-has-compact {\n  /** hide caret on level 1 */\n  > .menu > .has-child {\n    > .menu {\n      transform-origin: 0 0;\n      transform: scale(.6);\n      transition: opacity 150ms linear, transform 150ms linear;\n      // max-height: 600px;\n      // overflow: auto;\n    }\n\n    &.has-open > .menu {\n      transform: scale(1);\n    }\n\n    > .menu-link:after {\n       display: none;\n    }\n  }\n  .has-child {\n    &.has-open > .menu {\n      position: absolute;\n      width: 200px;\n      top: 0;\n      left: 100%;\n      height: auto;\n      visibility: visible;\n      opacity: 1;\n      border-radius: 0 $stacked-menu-border-radius $stacked-menu-border-radius 0;\n    }\n    > .menu .menu-link {\n      padding-left: ($stacked-menu-padder * 2);\n    }\n  }\n  /** child level 2 up */\n  .menu .menu .has-child {\n    &.has-open > .menu {\n      position: static;\n      width: auto;\n      top: auto;\n      left: auto;\n    }\n    > .menu {\n      .menu-link {\n        padding-left: ($stacked-menu-padder * 4);\n      }\n      .menu {\n        .menu-link {\n          padding-left: ($stacked-menu-padder * 6);\n        }\n      }\n    }\n  }\n}\n","/* Give a transition */\n.#{$stacked-menu-class-prefix}-has-hoverable {\n  .has-child > .menu {\n    transform-origin: 0 0;\n    @include transition(opacity 150ms linear, transform 150ms linear);\n  }\n  /** except level 1 .has-active */\n  .has-child:not(.has-active) > .menu {\n    transform: scale(.6);\n  }\n}\n.#{$stacked-menu-class-prefix}-has-hoverable.#{$stacked-menu-class-prefix}-has-compact {\n  /** level 1 */\n  > .menu > .has-child > .menu {\n    @include transition(opacity 150ms linear, transform 150ms linear);\n  }\n  /** overwrite for all */\n  .has-child > .menu {\n    transform: scale(.6);\n  }\n}\n\n/* Behavior */\n.#{$stacked-menu-class-prefix}-has-hoverable,\n.#{$stacked-menu-class-prefix}-has-compact {\n  /** except level 1 .has-active */\n  .has-child.has-open:not(.has-active) {\n    > .menu {\n      position: absolute;\n      width: 200px;\n      top: 0;\n      left: 100%;\n      height: auto;\n      visibility: visible;\n      opacity: 1;\n      transform: scale(1);\n\n      .menu-item > .menu-link,\n      .menu-item > .menu .menu-link,\n      .menu-item > .menu .menu .menu-link {\n        padding-left: ($stacked-menu-padder * 2);\n      }\n    }\n    /** caret */\n    > .menu-link {\n      &:before {\n        content: '';\n        position: absolute;\n        right: 0;\n        top: 50%;\n        width: 0;\n        height: 0;\n        border-top: 8px solid transparent;\n        border-bottom: 8px solid transparent;\n        /** the caret */\n        border-right:8px solid $stacked-menu-child-bg;\n        transform: translateY(-8px);\n      }\n    }\n  }\n}\n\n/** hoverable on compact mode */\n.#{$stacked-menu-class-prefix}-has-hoverable.#{$stacked-menu-class-prefix}-has-compact {\n  /** overwrite for all */\n  .has-child.has-open {\n    > .menu {\n      position: absolute;\n      width: 200px;\n      top: 0;\n      left: 100%;\n      height: auto;\n      visibility: visible;\n      opacity: 1;\n      border-radius: 0 $stacked-menu-border-radius $stacked-menu-border-radius 0;\n      transform: scale(1);\n\n      .menu-item > .menu-link,\n      .menu-item > .menu .menu-link,\n      .menu-item > .menu .menu .menu-link {\n        padding-left: ($stacked-menu-padder * 2);\n      }\n    }\n  }\n}\n","/** open menu to left direction */\n/** Core */\n.#{$stacked-menu-class-prefix}-has-left {\n  > .menu > .menu-item {\n    &.has-active > .menu-link {\n      @include box-shadow(inset -3px 0 0 $stacked-menu-accent-color);\n    }\n  }\n  /** compact */\n  &.#{$stacked-menu-class-prefix}-has-compact {\n    > .menu {\n      > .menu-item > .menu-link > .badge {\n        right: auto;\n        left: ($stacked-menu-padder/2);\n      }\n      > .menu-item:not(.has-child) > .menu-link {\n        .menu-text {\n          right: 100%;\n          left: auto;\n          padding: $stacked-menu-padder 0 $stacked-menu-padder ($stacked-menu-padder*1.5);\n          border-radius: $stacked-menu-border-radius 0 0 $stacked-menu-border-radius;\n        }\n      }\n    }\n  }\n}\n\n/** Behavior */\n.#{$stacked-menu-class-prefix}-has-left {\n  &.#{$stacked-menu-class-prefix}-has-hoverable {\n    .has-child > .menu {\n      transform-origin: 100% 0;\n    }\n  }\n  &.#{$stacked-menu-class-prefix}-has-collapsible.#{$stacked-menu-class-prefix}-has-compact {\n    > .menu > .has-child > .menu {\n      transform-origin: 100% 0;\n    }\n  }\n\n  &.#{$stacked-menu-class-prefix}-has-hoverable,\n  &.#{$stacked-menu-class-prefix}-has-compact {\n    .has-child.has-open:not(.has-active) {\n      > .menu {\n        left: auto;\n        right: 100%;\n      }\n      // caret\n      > .menu-link {\n        &:before {\n          right: auto;\n          left: 0;\n          // the caret\n          border-right: 0 solid transparent;\n          border-left: 8px solid $stacked-menu-child-bg;\n        }\n      }\n    }\n  }\n  /** both hoverable & collapsible on compact mode */\n  &.#{$stacked-menu-class-prefix}-has-hoverable.#{$stacked-menu-class-prefix}-has-compact,\n  &.#{$stacked-menu-class-prefix}-has-collapsible.#{$stacked-menu-class-prefix}-has-compact {\n    .has-child.has-open {\n      > .menu {\n        left: auto;\n        right: 100%;\n      }\n    }\n  }\n}\n"]}