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

sass 变数

欧阳英彦
2023-03-14
本文向大家介绍sass 变数,包括了sass 变数的使用技巧和注意事项,需要的朋友参考一下

示例

如果您具有经常使用的值,则可以将其存储在变量中。例如,您可以使用它来定义配色方案。您只需要定义一次方案,然后就可以在整个样式表中使用它。

要定义变量,必须在变量名前加上$符号。(就像您在PHP中一样。)

您可以将任何有效的CSS属性值存储在变量中。例如颜色,字体或URL。

范例1:

$foreground: #FAFAFA;
$background: rgb(0, 0, 0);

body {
    color: $foreground;
    background-color: $background;
}

p {
    color: rgb(25, 25, 20);
    background-color: $background;
}
           

 类似资料:
  • 问题内容: 有什么方法可以根据html元素上的类设置颜色变量?还是通过其他方式实现这一目标? 问题答案: 这是基本主题。您可能想使用mixin或包含一个CSS文件中的多个主题。这是使用包括以下内容的方法: _theme.scss main.scss 您可以轻松地制作一个混合色,它使用3种颜色作为其参数来代替include:

  • 问题内容: 我有几个scss选择器,在其中我使用相同数量的正负值,如下所示: 我希望对所有15px的量都使用一个变量,但这不起作用: 保证金金额转换为正数。我想念什么吗? 问题答案: 像这样尝试

  • 我有两个scss选择器,使用相同数量的正片和负片,如: 我更喜欢使用一个变量为所有的15px金额,但这不工作: 保证金金额转换为正数。我错过什么了吗?

  • 问题内容: 我正在尝试在Sass样式表中使用该函数,但遇到了一些问题。这是我的代码: 如果我使用文字而不是变量,那么我得到的正是我想要的。但是,当我切换到变量时,这是输出: 如何让Sass认识到它需要替换函数中的变量? 问题答案: 插值: 对于这种情况,border-box也足够了:

  • 问题内容: 我刚刚开始使用Sass和Compass,我喜欢它。我想做的就是利用该功能简化重复性任务。但是,我仅看到了插入一个变量的示例,并且我希望能够使用多个变量。 标准方式(来自[Sass参考): 很棒,但是我希望能够执行以下操作: 这可能吗? 问题答案: 我在同一条船上(Sass / Compass的初学者),不得不做类似的事情。这是我使用嵌套列表想到的: 这不是最优雅的解决方案,但是如果您找

  • 我试图在我的汇总配置中设置一个SASS结构,允许我在整个应用程序中使用变量。我想用POSTSS自动刷新器。我在插件阵列中设置了以下内容: 这很好,我可以在我的组件中导入我的SCSS文件,比如,