//
// Copyright IBM Corp. 2020, 2021
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

@import '@carbon/import-once/scss/import-once';

@import '@carbon/layout/scss/convert';
@import '@carbon/layout/scss/mini-unit';

@import '@carbon/themes/scss/tokens';

@import 'carbon-components/scss/globals/scss/helper-mixins';
@import 'carbon-components/scss/globals/scss/vars';

@import 'carbon-components/scss/components/button/button';
@import 'carbon-components/scss/components/overflow-menu/overflow-menu';

@include exports($name: combo-button) {
  /// Sets the prefix for all IBM Security-specific classes.
  /// @access private
  /// @type String
  $security--prefix: security;

  .#{$security--prefix}--combo-button {
    position: relative;
    display: inline-flex;
  }

  .#{$security--prefix}--combo-button__action {
    @include text-overflow;
  }

  .#{$security--prefix}--combo-button__overflow-menu {
    width: carbon--mini-units($count: 6);
    height: auto;
    border-left: carbon--rem($px: 1px) solid $ui-03;
    background-color: $interactive-01;
  }

  .#{$security--prefix}--combo-button__overflow-menu.#{$prefix}--overflow-menu:hover,
  .#{$security--prefix}--combo-button__overflow-menu.#{$prefix}--overflow-menu--open {
    background-color: $hover-primary;
  }

  .#{$security--prefix}--combo-button__overflow-menu.#{$prefix}--overflow-menu:active {
    background-color: $active-primary;
  }

  .#{$security--prefix}--combo-button__overflow-menu__icon {
    fill: $icon-03;
    pointer-events: none;
  }

  .#{$security--prefix}--combo-button__overflow-menu__list {
    width: 100%;
  }

  .#{$security--prefix}--combo-button__overflow-menu__list:after {
    display: none;
  }

  .#{$security--prefix}--combo-button__overflow-menu__item {
    max-width: none;
  }

  .#{$security--prefix}--combo-button__overflow-menu__item__icon {
    margin-left: auto;
  }
}