Primer CSS Box Danger 主题

Primer CSS Box Danger 主题是 GitHub 的开源设计系统 Primer 中的一种主题。该主题被设计用于表示重要的警告、错误或危险信息，在页面布局中使用红色背景和白色文本的组合来吸引用户注意力。

使用方法

要使用 Primer CSS Box Danger 主题，需要在 HTML 中通过 class 属性来引用 Box 和 Box--danger 类。以下是一个示例：

<div class="Box Box--danger">
  <div class="Box-header">
    <h3 class="Box-title">Danger Zone</h3>
  </div>
  <div class="Box-body">
    <p>This action cannot be undone!</p>
  </div>
</div>

主题特点

Primer CSS Box Danger 主题有以下特点：

• 红色背景：使用醒目的红色背景，吸引用户的视线，同时表示警告、错误或危险信息。
• 白色文本：在红色背景上使用白色文本，提高了可读性。

相关资源

如果您想了解更多关于 Primer 的信息，您可以参考以下资源：

• Primer 官方文档
• Primer 源代码仓库

结论

Primer CSS Box Danger 主题是一个简单而有效的设计方案，帮助开发人员在页面布局中快速、直接地呈现重要的警告、错误或危险信息。