巅峰霸主 > 在线帮助文档 > bootstrap4.5文档 > sass应用

bootstrap sass设置和应用

时间:2020-04-06 14:03:15  来源:巅峰霸主  作者:烈火大地 点击:
摘要:您可以在Bootstrap的scss/_variables.scss文件中为关键的全局选项找到并自定义这些变量……

Sass options

使用内置的自定义变量文件自定义Bootstrap 4,并使用新的$enable-*Sass变量轻松切换全局CSS首选项。覆盖变量的值,并npm run test根据需要重新编译。

您可以在Bootstrap的scss/_variables.scss文件中为关键的全局选项找到并自定义这些变量。

变量描述
$spacer1rem (预设),或任何大于0的值指定默认的spacer值,以编程方式生成我们的spacer实用程序
$enable-roundedtrue (默认)或 falseborder-radius在各种组件上启用预定义的样式。
$enable-shadowstruefalse(默认)box-shadow在各种组件上启用预定义的样式。
$enable-gradientstruefalse(默认)通过background-image各种组件上的样式启用预定义的渐变
$enable-transitionstrue (默认)或 falsetransition在各种组件上启用预定义
$enable-prefers-reduced-motion-media-querytrue (默认)或 false启用prefers-reduced-motion媒体查询,该查询根据用户的浏览器/操作系统首选项抑制某些动画/过渡。
$enable-hover-media-querytruefalse(默认)不推荐使用
$enable-grid-classestrue (默认)或 false使CSS类的产生网格系统(例如,.container.row.col-md-1,等等)。
$enable-carettrue (默认)或 false在上启用伪元素插入符.dropdown-toggle
$enable-pointer-cursor-for-buttonstrue (默认)或 false将“手形”光标添加到未禁用的按钮元素。
$enable-print-stylestrue (默认)或 false启用样式以优化打印。
$enable-responsive-font-sizestruefalse(默认)启用响应字体大小
$enable-validation-iconstrue (默认)或 falsebackground-image在文本输入中启用图标,并在某些自定义表单中启用验证状态。
$enable-deprecation-messagestruefalse(默认)设置为true在使用计划在中删除的任何不推荐使用的mixin和功能时显示警告v5



(责任编辑:陆柏熺)
评价:
用户名: 验证码: 看不清?点击更换


关注站长自媒体 获取更多优质内容

  • 百家号
    百家号
  • 头条号
    头条号
  • 企鹅号
    企鹅号

2019-2021 ©巅峰霸主网 京ICP备12023415号-2
返回
顶部