/* 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. */
$button-name: 'base-button-action';

.#{$button-name}{
  width: auto;
  height: 32px;
  min-width: 148px;
  background-color: $color-primary;
  background-position: center;
  border: none;
  border-radius: 3px;
  color: $color-white;
  cursor: pointer;
  line-height: 1rem;
  letter-spacing: 0.3px;
  font-weight: normal;
  outline: none;
  @include flexbox;
  @include align-items(center);
  @include justify-content(center);
  @include font-size(14px);
  @include transition(background .8s);
  .base-button-action__icon{ margin-right: $grid-gutter-width/3; }
  &:hover{
    background: lighten($primary, 7%) radial-gradient(circle, transparent 1%, lighten($primary, 7%) 1%) center/15000%;
    color: $color-white;
  }
  &:active{
    background-color: $color-primary !important;
    background-size: 100%;
    @include transition(background 0s);
  }
}

.#{$button-name}--small{ height: 27px; }

.#{$button-name}--icon-right{
  flex-direction: row-reverse;
  .base-button-action__icon{
    margin-left: $grid-gutter-width / 3;
    margin-right: 0;
  }
  span{ flex: 1; }
}

.#{$button-name}--fullwidth{
  width: 100%;
  .base-button-action__icon{
    width: 18px;
    height: 18px;
  }
}
