Skip to main content

高级样式

故事 高级样式 是通过编写 css 代码为故事设置任意样式.

具有基础的前端编程知识的用户可以使用高级样式功能修改故事样式, 以达到专业展示的效果. 如以下代码可以将故事展示为 黑红 主题的样式:

.ngm-analytical-card .mat-button-toggle-group {
  border: 2px solid red;
}
.ngm-analytical-card
  .mat-button-toggle-group.mat-button-toggle-group-appearance-standard.mat-primary
  .mat-button-toggle.mat-button-toggle-checked {
  background-color: black;
}
.ngm-analytical-card
  .mat-button-toggle-group.mat-button-toggle-group-appearance-standard.mat-primary
  .mat-button-toggle.mat-button-toggle-checked
  .mat-button-toggle-button {
  font-weight: 600;
}

.ngm-analytical-grid .cdk-cell {
  border-bottom-color: black;
  border-bottom-width: 2px;
}

.ngm-analytical-grid.cdk-focused .cdk-row.selected .cdk-cell.selected-cell {
  background-color: black;
  border-right: 1px solid red;
  border-bottom: 1px solid red;
  box-shadow: inset 1px 1px red;
  color: white;
}