如何在 sass 中保留引用的字符

Question

如何在 sass 中保留或转义路径。我们有像 "Page\Footer\CustomBar\Logo" 这样的字符串（错误地）在内部转换为 "Page\footer\customBarLogo" 我们如何保留 ascii 格式？我们尝试了 dart sass 和 ruby​​ sass。

Page\Footer\CustomBar\Logo 是预期的结果。

Answer 1

我搜索了一下，没有找到任何内置的方法来做你需要的事情。似乎用 SASS 很难操纵反斜杠。但是，这是我设法获得您的路径的方法：

@function createPath($path...) {
   $finalPath: null;

   @each $el in $path {
      @if($finalPath) {
         // Do not add the slashes at the beginning of the string
         $finalPath: $finalPath + "\\";
      };

      $finalPath: $finalPath + $el;
   }

   // At this point, $finalPath = "Page\\Footer\\CustomBar\\Logo"
   @return unquote("\"#{$finalPath}\"");
}

调用createPath('Page', 'Footer', 'CustomBar', 'Logo'); 将返回"Page\Footer\CustomBar\Logo"。

老实说，我无法解释unquote 的工作原理，感谢this answer，我找到了解决方案。