【问题标题】:how to stop compass for converting rgba format to hex format如何停止指南针将 rgba 格式转换为十六进制格式
【发布时间】:2017-09-28 15:52:33
【问题描述】:

我的 css 文件需要 rgba 格式的颜色。所以我在我的 scss 文件中以 rgba 格式写了颜色。当我在 css 文件中编译所有颜色转换为它们的十六进制代码时,如果它们的不透明度为 1,则使用相同的 rgba 格式。

例如

SCSS File
background: rgba(61,61,61,1);

Complied Css
background: #3d3d3d; 

如果不透明度为 0.5

SCSS File
background: rgba(61,61,61,0.5);

Complied Css
background: rgba(61,61,61,0.5);

如何停止所有 rgba 格式的转换。任何建议将不胜感激。

【问题讨论】:

  • 那么转换成十六进制有什么问题呢?无论如何,该值不是不透明的
  • 转换成十六进制代码没有错。但我需要在 rgba 中保持所有颜色的格式相同。以便以后可以动态更改它们(要求)。
  • 还是没明白你的意思。您将编辑 SASS 文件,而不是正在编译的文件。对吗?
  • 我有一个表单,其中包含所有颜色的文本字段。当管理员填写该表格并保存一个新文件时,将以 css 格式生成与我之前提到的名称相同但具有新颜色的新文件。所有新颜色都将替换新 css 文件中的旧颜色。这就是为什么我需要相同的格式。

标签: css sass compass-sass compass


【解决方案1】:

Sass 会保留你的颜色格式...除非它不是关键字、十六进制或 rgba 格式。 如果你想绝对格式,那么你必须变成字符串 例如 : - 在scss变量文件中

$mercury-grey: #{'rgba(230, 230, 230, 1)'};

Input

.class {
    color: $mercury-grey;
}

Output:-
.class {
    color: rgba(230, 230, 230, 1);
}

【讨论】:

    猜你喜欢
    • 2016-11-24
    • 2022-07-08
    • 2012-06-20
    • 2010-10-15
    • 1970-01-01
    • 2019-08-12
    • 2014-03-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多