混合(Mixins)

用于自定义元素和响应式助手的实用混合(mixins)

=arrow($color) 创建CSS-only的向下箭头。用于下拉选择。
=block 定义margin-bottom为1.5rem,除非元素是最后一个子元素。 用于几乎所有块元素。
=clearfix Adds a clearfix at the end of the element. Used for the "is-clearfix" helper.
=center($size) Positions an element in the exact center of its parent. Used for the spinner in a loading button.
=delete Creates a CSS-only cross. Used for the delete element in modals, messages, tags...
=fa($size, $dimensions) Sets the style of a Font Awesome icon container.
=hamburger($dimensions) Creates a CSS-only hamburger menu with 3 bars. Used for the "nav-toggle".
=loader Creates a CSS-only loading spinner. Used for the ".loader" element, and for input and button spinners.
=overflow-touch 设置容器的样式,以便在iOS设备上滚动时保持动量(momentum)。
=overlay($offset: 0) 使元素覆盖其父容器,如透明模式背景。
=placeholder 设置输入占位符的样式。
=unselectable 使元素变为不可选择。用于按钮以防止单击时选择。

这些 mixins 已经整合在 bulma 中可以使用,您也可以使用他们来扩展自己的样式