• 通过颜色来展示意图，BrickPlus 提供了一组工具类。这些类可以应用于链接或者字符串。
  • 当然大多数情况下，我们建议你在字符串级别的 Dom 上面引用这些类，只需要一个 <span> 标签嵌套你要处理的对象就可以解决问题。
  • 使用颜色来增加含义只提供了一个视觉指示，这将不被传递给用户的辅助技术，如屏幕阅读器。确保由颜色表示的信息是从内容本身是显而易见的（上下文的颜色是只用于加强意义，已经存在于文本/标记），或通过其他手段，如附加文本隐藏的类。
实例
情景文本色调
示范 引用类

标识为标题色调(#333)

 .fontcolor-heading

标识为一般性文本色调

 .fontcolor-default

标识副文本或副标题的色调

 .fontcolor-vice

标识超链接的色调

 .fontcolor-link

标识错误内容的色调

 .fontcolor-error

标识危险内容的色调

 .fontcolor-danger

标识正确内容或安全内容的色调

 .fontcolor-success

标识注意事项或警告内容的色调

 .fontcolor-warning

标识为提示信息或辅助内容的色调

 .fontcolor-tips

标识为即时信息的色调

 .fontcolor-info
情景背景色调
示范 引用类

标识为提示、副文本、辅助内容背景

 .bgcolor-tips

标识为成功、正确、安全内容背景

 .bgcolor-success

标识为信息，通知内容背景

 .bgcolor-info

标识为注意事项，警告内容背景

 .bgcolor-warning

标识为错误内容或危险内容背景

 .bgcolor-danger

标识为错误内容或危险内容背景

 .bgcolor-primary

标识为错误内容或危险内容背景

 .bgcolor-secondary 
            
<p class="fontcolor-heading / default / vice / link / error / success / warning / tips">
  ...
</p>

<p class="bgcolor-tips / success / info / warning / danger / primary / secondary">
  ...
</p>
  • 项目中的正负数值展示可以通过工具类 amount 系列得到优化； 通过对数值用一层行内元素包裹，并引用对应的 amount 工具。
实例

正数：5,999.00

负数：5,999.00

典型：5,999.00

            
<span class="amount ( add / take )">
  ...
</span>
  • 通过使用箭头符号可以指示某个元素具有展开内容的功能。
实例

默认箭头：

上箭头：

左箭头：

右箭头：

下箭头： 

            
<span class="caret-up / down / left / right">
  ...
</span>
  • 通过为父元素添加 .clearfix 类可以很容易地清除浮动（float），可以作为 mixin 使用。
实例
.pull-left（左浮动）
.pull-right（右浮动）
.clearfix（清除浮动） 
            
<div class="clearfix">
  <div class="pull-( left / right )">
  ...
  </div>
</div>