0

私は最近のプロジェクトで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;
}

どうも

4

2 に答える 2

2

あなたはそれを複雑にしすぎています！

$radius_size: 8px;
.rounded-corners {
  -moz-border-radius-topleft: $radius_size;
  //... and so on ...
}
于 2012-06-23T20:35:11.747 に答える
0
  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をテストするには、このサイトを確認してください

于 2012-06-23T20:38:37.687 に答える