Sass 3.4 删除字符串上的正斜杠

2023-12-10

是否有解决方法或任何其他方法可以使其在 Sass 3.4 + 上工作

@mixin icon ($name, $code) {
.#{$name}::before {
content: str-slice("\x",1,1) + $code;}
}

@include icon('test', 4556);

代码应该输出

.test::before { 内容:“\4556”; }

但在 3.4+ 上\斜杠被删除并输出为

.test::before { 内容:“x4556”; }

Thanks


你偶然发现了一个Sass 中当前有争议的转义字符问题。目前看来,Sass 要么添加太多字符,要么最终将 unicode 字符放入输出 css 中。

UPDATE:

@mixin icon ($name, $code) {
  $withslash: "\"\\#{$code}\"";
  .#{$name}:before {
    content: unquote($withslash);
  }
}
@include icon('test', '4556');

outputs

.test:before {
  content: "\4556";
}

http://sassmeister.com/gist/04f5be11c5a6b26b8ff9

显然,这种方法的缺点是它依赖于使用转义字符做奇怪的事情,并欺骗 Sass 取消引用可能格式错误的字符串。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Sass 3.4 删除字符串上的正斜杠 的相关文章

  • 生成精灵时指南针添加前斜线

    我刚刚生成了一个带有指南针的精灵 但由于某种原因 它在生成的类 url 中添加了一个前导斜杠 是否可以覆盖这个或者我的 config rb 中有什么错误 谢谢你的帮助 Joe 配置 rb gt http path css dir sass
  • 使用 Fourseven:scss 在 Meteor 中加载 css

    我正在使用 fourseven scss 来编译 scss 文件 如果我包括我的 这似乎工作正常 scss客户端目录下的文件 不过我想把它们留在我的组件附近 imports ui stylesheets 或者就在组件旁边 imports u
  • Rails:预编译资产缺少节点模块

    我在rails 5 1应用程序中使用yarn 不是webpacker 只是默认的资源管道 在开发环境中运行本地服务器 我的资产没有遇到任何问题 但是一旦我预编译我的资产 环境并不重要 或让 Heroku 打包我的资产 我从我的内部导入的所有
  • 如何解决这个 sass 插值问题

    警告 您可能不想在此处进行插值时使用颜色值白色 它最终可能会呈现为白色 这可能会产生无效的 CSS 将颜色名称用作字符串或映射键时 请始终引用颜色名称 例如 白色 如果您确实想在此处使用颜色值 请使用 colorName 93 text c
  • 在没有 Webpack 的情况下从 NPM 模块解析 Sass @import

    有没有办法做到这一点 我讨厌那些巨大的道路 node modules etc 我的构建工具是 NPM 脚本 我的模块捆绑器是 Rollup 如果这有什么区别的话 对于node sass 您可以使用该选项 importer my import
  • post-css 未从 node_modules 找到路径

    我目前有一个 Angular 项目 我希望使用 purgecss 清除 css 我已经一切正常 但是当我导入 node modules 时 它很困难 因为它找不到位于 node modules 文件夹中的路径 我有当前的app scss f
  • 如何在 mat-h​​orizo​​ntal-stepper 中为不同形式设置不同宽度

    我想在mat step中为不同的表单设置不同的宽度 第一个表单中的内容为400px宽度 第二个表单内容为700px宽度
  • 访问react组件中的scss变量时出现问题

    按照链接进行操作https mattferderer com use sass variables in typescript and javascript https mattferderer com use sass variables
  • Sencha Cmd v4.0.2.67 创建后台进程失败

    我有一个使用 Sencha Command v4 0 2 67 生成的单页 ExtJS 应用程序 我正在尝试使用 Sencha Command v4 0 2 67 和以下命令进行构建 sencha app refresh sencha ap
  • 修改变量后动态重新导入 Sass 部分

    我正在开发一个利用 Sass 预编译的 Twitter Bootstrap 的项目 每次覆盖变量时 我都必须重新导入 bootstrap sass文件到我的项目主样式表以使覆盖生效 您是否知道如何使此过程自动进行 以便每次修改变量时立即生效
  • 创建一个跨浏览器 mixin 进行转换:旋转

    我想为 sass 创建一个 mixin 它将对指定元素应用旋转 mixin 应采用一个参数 表示要应用的旋转度数 从 css3please com 我找到了一种使用 CSS 实现此功能的跨浏览器方法 box rotate moz trans
  • Sass:使用多个嵌套选择器选择父元素

    这就是我最终想要做的 books dvds magazines article books Wanting the selector to only be books article article Can apply to any of
  • Codekit文件权限问题(只读文件系统@dir_s_mkdir - /.sass-cache)

    出现以下错误 Compiling failed with this error Errno EROFS on line 239 of System Library Frameworks Ruby framework Versions 2 6
  • SaSS 循环使用

    我想创建类 将特定边距应用于我的块 例如 standard margin top margin top 10px standard margin bottom margin bottom 10px small margin top larg
  • 有没有办法将变量从 javascript 导入到 sass 或反之亦然?

    我正在制作一个依赖于块概念的 CSS 网格系统 所以我有一个基本文件 例如 max columns 4 block width 220px block height 150px block margin 10px 它被 mixin 使用 m
  • Sass 部分导入

    我有 sass 编译的问题 当我有一个部分的项目时 partial scss并将其导入到多个部分文件中 因为它包含颜色变量 它将多次出现在编译的 css 中 这很丑陋 因为同一个规则会多次 推翻 自身 这使得调试信息 chromium 开发
  • 导入的Sass文件找不到字体文件

    我正在使用 gatsby plugin sass 来包含我的 sass 文件 我有一个web animations sass导入的文件 typography sass My typography sass有一个像这样的字体声明 font f
  • Sass mixin 将背景透明度恢复到 IE8

    我是 Sass 新手 并为此苦苦挣扎 我无法在两者中渲染颜色hex 对于 IE 和rgba 每一个小片段都让我感到沮丧 因为我还没有掌握语法 而且 Sass 的 Google 结果仍然很少 这是混合 mixin transparent he
  • 动态分配背景图片scss/sass

    我想要做的是有一个表单 您可以在其中上传图片 然后当您查看该对象时 图片会在特定 div 中居中 垂直和水平向上倾斜 其大小未知等 除非有办法使用 image tag 帮助器将其垂直居中 否则我希望能够使用该图像作为背景图像 在我的 css
  • 可以同时“观看”HAML 和 SASS 吗?

    我希望能够即时更新 保存我的 html 和 css 但我不知道如何同时观看 HAML 和 SASS Thanks 显然你只能使用 StaticMatic 或其他一些第三方工具来同时观看两者

随机推荐