这些 mixins 已经整合在 bulma 中可以使用,您也可以使用他们来扩展自己的样式
混合(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 |
使元素变为不可选择。用于按钮以防止单击时选择。 |