说到映射,通常SCSS是更简单的语法。由于Sass基于缩进,因此您的映射必须保存在一行中。
// in Sass maps are "unreadable" $white: ( white-50: rgba(255, 255, 255, .1), white-100: rgba(255, 255, 255, .2), white-200: rgba(255, 255, 255, .3), white-300: rgba(255, 255, 255, .4), white-400: rgba(255, 255, 255, .5), white-500: rgba(255, 255, 255, .6), white-600: rgba(255, 255, 255, .7), white-700: rgba(255, 255, 255, .8), white-800: rgba(255, 255, 255, .9), white-900: rgba(255, 255, 255, 1 )
由于您可以使用来多行格式化代码SCSS,因此可以格式化映射以提高可读性。
// 在SCSS映射中更具可读性 $white: ( white-50: rgba(255, 255, 255, .1), white-100: rgba(255, 255, 255, .2), white-200: rgba(255, 255, 255, .3), white-300: rgba(255, 255, 255, .4), white-400: rgba(255, 255, 255, .5), white-500: rgba(255, 255, 255, .6), white-600: rgba(255, 255, 255, .7), white-700: rgba(255, 255, 255, .8), white-800: rgba(255, 255, 255, .9), white-900: rgba(255, 255, 255, 1) );
在 v4.3.0之前本项目都是基于node-sass进行构建的,但node-sass底层依赖 libsass,导致很多用户安装的特别的困难,尤其是 windows 用户,它强制用户在windows环境中必须安装python2和Visual Studio才能编译成功。 所以为了解决这个问题,本项目在 v4.3.0修改为dart-sass进行构建,它能在保证性能的前提下大大简化用户的安装成本。通过这个
变量 (Variables) 您可以使用表中列出的以下SASS变量来更改组件的样式。 Sr.No. 名称和描述 类型 默认值 1 $abide-inputs 输入中包含错误样式。 Boolean true 2 $abide-labels 标签中包含的错误样式。 Boolean true 3 $input-background-invalid 设置无效文本输入的背景颜色。 Color $alert-
描述 (Description) 您可以使用SASS参考更改组件的样式。 变量 (Variables) 下表列出了项目设置文件中的SASS变量,该变量使该组件的默认样式得以自定义。 Sr.No. 名称和描述 类型 默认值 1 $tooltip-background-color 它表示工具提示的默认背景颜色。 Color $black 2 $tooltip-color 它表示工具提示的默认字体颜色。
描述 (Description) 您可以使用SASS参考更改组件的样式。 变量 (Variables) 下表列出了项目设置文件中的SASS变量,该变量使该组件的默认样式得以自定义。 Sr.No. 名称和描述 类型 默认值 1 $progress-height 它代表进度条的高度。 Number 1rem 2 $progress-background 它表示进度条的背景颜色。 Color $medi
描述 (Description) 您可以使用SASS参考更改组件的样式。 变量 (Variables) 下表列出了项目设置文件中的SASS变量,该文件使该组件的默认样式得到自定义。 Sr.No. 名称和描述 类型 默认值 1 $orbit-bullet-background 它代表轨道子弹的默认颜色。 Color $medium-gray 2 $orbit-bullet-background-
描述 (Description) 您可以使用SASS参考更改组件的样式。 变量 (Variables) 下表列出了项目设置文件中的SASS变量,该变量使得此组件的默认样式可以自定义。 Sr.No. 名称和描述 类型 默认值 1 $label-background 它代表标签的默认背景颜色。 Color $primary-color 2 $label-color 它表示标签的默认文本颜色。 Colo