トップページ > 記事閲覧
【アップデート】HAIK7.6.0 iconプラグイン修正
投稿日 | : 2022/06/28(Tue) 19:57 |
投稿者 | : うみほし |
参照先 | : |
HAIKのアップデートです。前回に引き続き、アイコンまわりの修正です。
使い方は、こちらのリンクの解説をご覧ください。
https://github.com/open-qhm/qhm/pull/146
「iconプラグインで Google Material Icons を利用可能にした #146」
Re: 【アップデート】HAIK7.6.0 iconプラグイン修正
投稿日 | : 2022/07/15(Fri) 15:14 |
投稿者 | : うみほし |
参照先 | : |
新しいICONの使い方です。
書式
HTML直接添付と従来の方式の2種類あります。
HTML直接添付方式
アイコン一覧から利用するアイコンを探してサンプルをコピーし、 &icon(); で囲むことですぐに利用できます。
&icon(<span class="material-icons">search</span>);
上記のように、アイコンページでコピーできるHTMLを &icon( ); で囲みます。
コピーできるHTMLには改行が含まれているため利用する際に改行を除去する必要があります。
iconプラグインはインラインプラグインのためです。
#145 と同様に clickpad を拡張し、貼り付け作業を簡易にしています。
従来方式
&icon(gmio,search);
Google Material Icons の頭文字を取って gmi 、字体のバリエーションの outlined filled round sharp two-tone の頭文字を取って o f r s tt のいずれかを続けます。
gmio → outlined のアイコンが表示されます。
字体やアイコン名を覚えている人はこちらの方が早く入力することができます。