/*!
  *  Copyright (C) 2018 Robert Bosch GmbH Copyright (C) 2018 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
 */

@import '@bci-web-core/common-styles/sass/bci/bci-variables';
@import '@bci-web-core/common-styles/sass/bci/mixins/borders';
@import '@bci-web-core/common-styles/sass/bci/mixins/vendor-prefixes';
@import '@bci-web-core/common-styles/sass/bci/mixins/icons';
@import '@bci-web-core/common-styles/sass/bci/mixins/typography';

.header-container {
  padding: 0 16px;
  display: inline-block;
  width: 100%;
  line-height: 48px;
  transition: all 0.2s ease;
  color: white;
  cursor: hand;
  @include make-font-regular(16px);
  @include make-border(0 0 0 4px, transparent);

  &:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: $boschGray80;
  }

  .expander-icon {
    position: absolute;
    right: 16px;
    transition: transform 0.2s ease-out;

    &:before {
      @include make-icon($Bosch-Ic-arrow-expand-right, 20px);
    }

    &.expanded {
      display: inline-block;
      transition: transform 0.2s ease-in;
      @include rotate(90deg);
    }
  }
}

.content-container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;

  &.expanded {
    max-height: 2000px;
    transition: max-height 0.6s ease-in;
  }
}
