@bixi/theme/color-doc/color.component.html

<div class="color-box">
  <div nz-row nzGutter="30" class="color-example">
    <ng-container *ngFor="let colors of colorList">
      <div nz-col class="gutter-row" nzSpan="8">
        <div class="color-group">
          <ng-container *ngFor="let item of colors">
            <div [ngClass]="{'color-item': true, 'color-item-main': item.main}"
              title="click to copy color" [style.background]="item.value" [style.color]="item.color"
              (click)="onColorClick(item)">
              <div class="ellipsis">{{item.name}}</div>
              <div class="value ellipsis">{{item.value}}</div>
            </div>
          </ng-container>
        </div>
      </div>
    </ng-container>
  </div>
</div>