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

时间:2019-02-18 17:50:33

标签: sass node-sass gulp-ruby-sass

我该如何保留或逃避sass中的路径。我们有"Page\Footer\CustomBar\Logo"之类的字符串,它们在内部(错误地)转换为"Page\footer\customBarLogo",我们如何保留ascii格式?我们尝试了镖镖和红宝石镖。

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

1 个答案:

答案 0 :(得分:0)

我搜索了一下,但没有找到任何内置的方法来执行所需的操作。似乎反斜杠很难用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找到了解决方案。