はてなスターの省略数字のスタイルが簡単に設定できるようになりました

さきほど、はてなスターに変更を加え、☆がたくさんついた際に☆が省略されて表示される場合の数字のスタイルを簡単に設定できるように変更を行いました。

たとえば以下のように設定することで、☆の間の数字を大きくすることができます。

.hatena-star-inner-count {
  color: #f4b128;
  font-weight: bold;
  font-size: 200%;
  padding: 0 8px;
}

このように、.hatena-star-inner-countセレクタに対してスタイルを設定すると、そちらの設定が優先されて適用されるようになりました。

先日のはてなスターの画像設定機能のリリース後、たくさんの方が画像のカスタマイズを楽しまれていますが、idea:16992などで省略数字のスタイルも変更できるようにして欲しいというご要望を頂いておりました。今回の変更により、より柔軟にはてなスターの見た目が変更できるようになりました。ご要望頂きありがとうございました。

どうぞご利用ください。