/* This file is part of the BIMData Platform package.
(c) BIMData support@bimdata.io
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code. */
$base-button-option: 'base-button-option';

.#{base-button-option}{
  &__tool{
    margin-left: auto;
    width: 27px;
    height: 27px;
    position: relative;
    border-radius: 50%;
    transition: all .2s cubic-bezier(.35,0,.25,1);
    background-color: #f7f7f7;
    @include flexbox;
    @include align-items(center);
    @include justify-content(center);
    &:hover{ cursor: pointer; }

    &.clicked{
      &:after{
        animation-name: circle;
        animation-duration: .5s;
      }
    }
    &:after{
      width: 27px;
      height: 27px;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      border-radius: 50%;
      background-color: $color-primary;
      transform: scale(0);
      @include transform(scale(0));
      @include transition(.15s linear all);
    }
    &:hover{
      background-color: rgba($color-text,.2);
      transition: all .2s cubic-bezier(.35,0,.25,1);
    }
    &.open{
      &:hover{
        background-color: transparent;
      }
    }
  }
  &__menu{
    padding: 8px 0;
    width: 188px;
    position: absolute;
    top: 25px;
    right: 7px;
    color: $color-text;
    background: $color-white;
    border: 1px solid $border-color;
    border-radius: 3px;
    box-shadow: $bd-box-shadow;
    text-align: left;
    z-index: 250;
    ul{
      margin: 0;
      padding: 0;
      list-style-type: none;
      z-index: 1500;
      li{
        padding: 7px 12px;
        color: $color-primary;
        line-height: 1em;
        @include flexbox;
        @include align-items(center);
        &:hover,
        &.actif{ background: $gray3; }
        span{
          width: calc(100% - 12px - 8px);
        }
      }
    }
    &__remove{ position: relative; }
  }
}
