Bulma - 函数和混合

描述

Bulma 使用一些函数和混合分别定义颜色值和自定义元素。Bulma 中有 3 种类型的自定义函数，用于指定值和颜色－

序号	函数	描述
1	powerNumber($number, $exp)	它通过将公开的数字的值评估为另一个数字来返回该数字值。
2	colorLuminance($color)	它指定元素颜色，可以在 0 到 1 之间表示为深色或浅色。数字 <= 0.5 定义深色，而 > 0.5 定义浅色。
3	findColorInvert($color)	它基于颜色的亮度（亮度）将 70% 透明定义为黑色或 100% 定义为不透明白色。

混合

下表列出了可与 Bulma 一起使用的不同类型的混合列表－

序号	混合	描述
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.htm

打印页面

广告