2

今週から Font Awesome を使い始めましたが、4.0 にアップデートされました。私の質問は次のとおりです。

  1. 以前のバージョンで mixin を使用していて、名前を更新したばかりです。多くの名前の変更が見られるので、これは問題なく合法ですか?

    @mixin fa-FontAwesome() {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em; // fixes ie7 issues
}

  2. 現在使用されている構文を説明できる人はいますか? 私は新しく、SCSS と Font Awesome を学んでいるので、情報をいただければ幸いです。

    例:.#{$fa-css-prefix}クラス名に番号記号と中括弧を使用します。その背後にあるロジックを理解したいと思います。

4

2 に答える 2

2

  1. Your mixin is just fine.

  2. That syntax uses string interpolation to set the prefix for the Font Awesome base class, which is fa, via a variable.

For example:

$fa-css-prefix: fa;
.#{$fa-css-prefix} { ... }

Will compile to this css:

.fa { ... }

Which is used this way:

<i class="fa fa-camera-retro"></i>
.fa {
  &.fa-camera-retro {
  }
}

In theory, using variables, you can set your own prefix. It doesn't have to be fa.

于 2013-10-25T00:09:47.803 に答える
0

FontAwesome の更新されたサイトでは、これについて非常によく説明されています。例のページを読んでください。

于 2013-10-24T21:56:06.460 に答える