Move to sass @use

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-instance / instance-about-accordion.component.scss

@use '_variables';
@use '_mixins';
@use './_bootstrap-variables';

@use '~bootstrap/scss/functions';
@use '~bootstrap/scss/variables';

.instance-name {
  line-height: 1.7rem;
}

.instance-short-description {
  @include ellipsis-multiline(1rem, 3);

  margin-top: 20px;
  margin-bottom: 20px;
}

.block {
  font-size: 15px;
  margin-bottom: 15px;
  padding: 0 $btn-padding-x;
}

ngb-accordion ::ng-deep {
  .card {
    border-color: var(--mainBackgroundColor);

    .card-header {
      background-color: unset;
      padding: 0;

      + .collapse.show {
        background-color: var(--submenuBackgroundColor);
      }
    }
  }

  .btn {
    @include peertube-button;
    @include grey-button;

    border-radius: unset;
    width: 100%;
  }
}