/**
* Theme buttons.
*/
/* stylelint-disable scss/percent-placeholder-pattern */

[class*='btn-'] {
  &[class*='-primary'] {
    @include btn-primary;
  }

  &[class*='-invert'] {
    @include btn-invert;
  }

  &[class*='-secondary'] {
    @include btn-secondary;
  }

  &[class*='-sm'] {
    @include btn-size-sm;
  }

  &[class*='-link'] {
    @include btn-link;
    @include link-decoration;
  
    &[class*='-pdf'] {
      @include icon-left('@/Images/icons/download.svg');
    }

    &[class*='-file'] {
      @include icon-left('@/Images/icons/download-circle.svg');
    }

    &[class*='-url'] {
      @include icon-left('@/Images/icons/external.svg');
    } 
    
    &[class*='-mono'] {
      &:hover {
        text-decoration-color: $color-black;
      }
    }

    &.underline-mono {
      &:hover {
        text-decoration-color: $color-black;
      }
    }
  }
}

@each $name, $value in $theme-colors-boxs {
  .bg-color-#{'' + $name} {
    .btn-secondary {
      border: none
    }
  }
}

.btn {
  /* &-link {
    @include btn-link;
    @include link-decoration;

    &-pdf {
      @include btn-link;
      @include link-decoration;
      @include icon-left('@/Images/icons/download.svg', 16px);
    }

    &-file {
      @include btn-link;
      @include link-decoration;
      @include icon-left('@/Images/icons/download-circle.svg', 16px);
    }

    &-url {
      @include btn-link;
      @include link-decoration;
      @include icon-left('@/Images/icons/external.svg', 16px);
    }

    &-mono {
      @include btn-link;
      @include link-decoration;

      &:hover {
        text-decoration-color: $color-black;
      }
    }
  } */

  &-tab {
    @include btn-tab;
  }
}