feat(sass): add interpolation

_posts/2024-11-12-sass-lang.md

@@ -330,6 +330,36 @@ aside[role=complementary] {
 
 上面源代码中的 [`"sass:math"`](https://sass-lang.com/documentation/modules/math/) 是 Sass 内置的数学模块。
 
+## 插值 {#interpolation}
+
+插值几乎可以用在 Sass 样式表的任意地方，只要把变量使用 `#{}` 包裹即可。
+
+源代码：
+
+```scss
+@mixin corner-icon($name, $top-or-bottom, $left-or-right) {
+  .icon-#{$name} {
+    background-image: url("/icons/#{$name}.svg");
+    position: absolute;
+    #{$top-or-bottom}: 0;
+    #{$left-or-right}: 0;
+  }
+}
+
+@include corner-icon("mail", top, left);
+```
+
+编译结果：
+
+```css
+.icon-mail {
+  background-image: url("/icons/mail.svg");
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+```
+
 ## 内置模块 {#built-in-modules}
 
 Sass 的内置模块包括：