Bulma - 函数和混合
描述
Bulma 使用一些函数和混合分别定义颜色值和自定义元素。 Bulma 中有 3 种类型的自定义函数用于指定值和颜色 −
| S.No. | 函数 | 说明 |
|---|---|---|
| 1 | powerNumber($number, $exp) | 它通过将暴露数字的值评估为另一个数字来返回数字值。 |
| 2 | colorLuminance($color) | 它指定元素颜色，可以是 0 到 1 之间的深色或浅色。数字 <= 0.5定义深色，> 0.5 定义浅色。 |
| 3 | findColorInvert($color) | 根据颜色的亮度，将 70% 透明定义为黑色，将 100% 透明定义为不透明白色。 |
Mixins
下表列出了可以与 Bulma − 一起使用的不同类型的 mixin
| S.No. | Mixin | 描述 |
|---|---|---|
| 1 | =arrow($color) | 指定向下箭头，可用于选择下拉菜单。 |
| 2 | =block | 用于块元素，指定 1.5rem 的下边距。 |
| 3 | =clearfix | 清除容器内的浮动内容，可添加在元素末尾。 |
| 4 | =center($size) | 指定位置元素的中心，通常用于加载按钮中的微调器。 |
| 5 | =delete | 用于删除模式、消息、标签等中的元素。 |
| 6 | =fa($size, $dimensions) | 定义 Font Awesome 图标容器的样式。 |
| 7 | =hamburger($dimensions) | 通过创建带有 3 个栏的菜单来切换导航栏。 |
| 8 | =loader | 它定义输入和按钮微调器的加载微调器。 |
| 9 | =overflow-touch | 当容器中的内容溢出时，它设置 iOS 设备上的滚动。 |
| 10 | =overlay($offset: 0) | 它通过使背景透明来创建元素的叠加效果。 |
| 11 | =placeholder | 它定义输入占位符的样式。 |
| 12 | =unselectable | 点击后按钮将无法选择。 |
bulma_overview.html
