sidebar-ext.scss

@import '~crsearch/css/fa-patch.scss';
@import '~crsearch/css/index.scss';
@import '~crsearch/css/badge.scss';

@import '../../font-awesome.scss';
@import '../../animation.scss';


.kunai-sidebar {
  position: relative;

  > .status {
    display: flex;
    justify-content: center;

    position: absolute;
    top: 1em;
    left: 0;

    width: 100%;
    text-align: center;

    font-size: 2em;
    color: #222;
  }

  &.loading {
    > .status {
      &:before {
        @include fa-patch;
        @include kn-spin;
        @extend .fa-refresh;
      }
    }
  }

  .tree.v2 {
    ul:not(.root) {
      li:not(.top) {
        ul.articles {
          li.article {
            &:before {
              @include fa-patch;
              // @extend .fa-lightbulb-o;
              // @extend .fa-terminal;
              @extend .fa-angle-double-right;

              display: block;
              color: #ADADAD;
            }
          }
        }
      }
    }

    li.member {
      &.special {
        .cr-index {
          ul.keys {
            > li.key {
              &:last-child {
                &:before {
                  @include fa-patch;
                  @extend .fa-star-half-o;
                }
              }
            }
          }
        }
      }
      &:not(.special) {
        .cr-index {
          ul.keys {
            > li.key {
              &:last-child {
                &:before {
                  @include fa-patch;
                  @extend .fa-caret-right;

                  color: transparent;
                }
              }
            }
          }
        }
      }
    }

    ul.root > li.top {
      > .heading > a.title:before {
        @include fa-patch;
      }

      &[data-top-id="implementation"] > .heading > a.title:before {
        @extend .fa-cogs;
      }
      &[data-top-id="implementation-status"] > .heading > a.title:before {
        @extend .fa-calendar-check-o;
      }
      &[data-top-id="mailing-lists"] > .heading > a.title:before {
        @extend .fa-inbox;
      }
      &[data-top-id="third_party_library"] > .heading > a.title:before {
        @extend .fa-university;
      }
      &[data-top-id="working_style"] > .heading > a.title:before {
        @extend .fa-pencil-square-o;
      }
      &[data-top-id="start_editing"] > .heading > a.title:before {
        @extend .fa-text-height;
      }
      &[data-top-id="edit_policy"] > .heading > a.title:before {
        @extend .fa-pencil;
      }
      &[data-top-id="article"] > .heading > a.title:before {
        @extend .fa-book;
      }
      &[data-top-id="lang"] > .heading > a.title:before {
        @extend .fa-superscript;
      }
      &[data-top-id="reference"] > .heading > a.title:before {
        @extend .fa-tags;
      }
      &[data-top-id="module"] > .heading > a.title:before {
        @extend .fa-folder;
      }
      &[data-top-id="international-standard"] > .heading > a.title:before {
        @extend .fa-globe;
      }
      &[data-top-id="implementation-compliance"] > .heading > a.title:before {
        @extend .fa-balance-scale;
      }
    }
  }

  .cr-index {
    @include cr-index {
      > .type {
        display: none;
      }

      > .title > ul.badges {
        @include cr-badge-auto(".badge");
      }
    }
  }
}

.kunai-sidebar {
  ul.stackable {
    > li.stack {
      > .heading > .expander {
        &:before {
          @include fa-patch;
        }
      }

      &.expanded {
        > .heading > .expander:before {
          @extend .fa-compress;
        }
      }

      &:not(.expanded) {
        > .heading > .expander:before {
          @extend .fa-expand;
        }
      }
    }
  }
}

.kunai-sidebar > .tree.v2 > ul.root > li.top {
  &:not([data-top-id="lang"]) {
    .kunai-branch > ul.branch.articles {
      > li.article {
        &:before {
          @include fa-patch;
          // @extend .fa-lightbulb-o;
          @extend .fa-paragraph;
        }
      }
    }
  }
}