当前位置: 首页 > 编程笔记 >

sass 设置

庞意智
2023-03-14
本文向大家介绍sass 设置,包括了sass 设置的使用技巧和注意事项,需要的朋友参考一下

例子

在使用SASS时,有多种设置工作区的方法。有些人喜欢使用命令行工具(可能是Linux人士),而另一些人喜欢使用GUI应用程序。我会同时介绍。

命令行工具

的“安装SASS”页面sass-lang.com对此进行了很好的介绍。您可以将SASS与Ruby结合使用(可以从Linux软件包管理器安装,也可以在Windows上下载安装程序)。macOS预先安装了Ruby。

安装Ruby之后,您需要安装SASS(在某些情况下sudo可能不需要):

sudo gem install sass

最后,您可以检查是否已通过安装了SASS sass -v。

GUI应用

尽管可以使用许多GUI应用程序,但我还是建议您使用Scout-App。它会在保存文件时自动为您构建和压缩CSS文件,并支持macOS,Windows和Linux。

 类似资料:
  • 正在尝试设置Gupl4和browsersync,我想将css文件放在assets文件夹中 //我的gulpfile: 我得到这个错误: 拒绝应用来自http://localhost:3000/assets/css/styles.css'因为它的MIME类型('text/html')不是受支持的样式表MIME类型,并且启用了严格的MIME检查。 错在哪里?有人能解释一下我做错了什么吗?

  • 在 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-