ruby-on-rails - 用于写出此值的 Sass 语法

Question

我只是在最近的一个项目中采用 Sass，并试图让以下代码适用于不起作用的圆角。我将如何指定这个以便每个圆角设置为 8px？

$radius_size:8px;
.rounded-corners {
  -moz-border-radius-topleft: #{$radius_size}px;
  -webkit-border-top-left-radius: #{$radius_size}px;
  border-top-left-radius: #{$radius_size}px;
  -moz-border-radius-topright: #{$radius_size}px;
  -webkit-border-top-right-radius: #{$radius_size}px;
  border-top-right-radius: #{$radius_size}px;
}

谢谢

Answer 1

你只是把它复杂化了！

$radius_size: 8px;
.rounded-corners {
  -moz-border-radius-topleft: $radius_size;
  //... and so on ...
}

Answer 2

1. 好像您插入了双“px”部分。

2. 您可以不使用变量#{}

   $radius_size: 8px;

.rounded-corners {

    -moz-border-radius-topleft: $radius_size;
    -webkit-border-top-left-radius: $radius_size;
    border-top-left-radius: $radius_size;
    -moz-border-radius-topright: $radius_size;
    -webkit-border-top-right-radius: $radius_size;
    border-top-right-radius: $radius_size;
}

另外，请查看此站点以在线测试 sass