Rails Glyphiconも使ってみる
ちょっとしたボタン、いいねやコメントにglyphiconを使ってみたのでそのメモ。
基本的使い方
glyphiconの基本的な使い方はこちら
<span class="glyphicon 使いたいアイコンのクラス名" aria-hidden="true"></span>
いつものように下記より参照させていただきました。
area-hidden=”true”
この中で気になったのがarea-hidden=”true”。
これについては下記のサイトで紹介がありました。
参考サイト”Font Awesomeでも使われている「area-hidden=”true”」とはなんだろう”
またglyphiconに色も設定。設定方法はクラスを付けCSSで記載。
<span class="glyphicon glyphicon-star color-lightblue" aria-hidden="true"></span>
.color-lightblue {
color: #00bfff;
}
こんな感じ。ちなみにハートはいいねを表していますが、クリックしてないときは
このように白いままです。
サイズ変更
アイコンサイズを変更するには、font-sizeを変更すればOK
.color-lightblue {
color: #00bfff;
font-size: 20PX;
}
version Rails 5.1.6