css - 如何在 SASS 中创建不同的投影大小？

Question

我知道这不会以任何实际方式使用，但如何创建不同的投影大小？

 .item-title a {
    display: inline-block;
    color: $some_lovely_button;
    box-shadow: $some_boxshadow_love px;
 }

我真的可以在变量后面留一个空格吗？如果我解析例如，它现在能够阅读吗？ 5 到变量，然后它会把 5 px；显然，如果我输入 $some_boxshadow_lovepx，它就是一个完全不同的变量。我希望我想要实现的目标是明确的 :D 谢谢!

Answer 1

您可以使用连接或插值方法。

.item-title a {
    display: inline-block;
    color: $some_lovely_button;
    box-shadow: #{$some_boxshadow_love} px;
    box-shadow: {$some_boxshadow_love} + px;
     }