sass - 如何在 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工作的，多亏了这个答案，我找到了解决方案。