Bulmaを使用する
基本的には、/emoji/css.iconファイルを読み込むだけでBulmaを使用できる
from CDN
以下を追加する
code:html
<style>
@import '//cdnjs.cloudflare.com/ajax/libs/bulma/0.9.1/css/bulma.min.css';
</style>
version名は適宜変更する
jsDelivrも可
https://www.jsdelivr.com/package/npm/bulma
from /icons/npm.icon
$ yarn add bulma
/emoji/css.iconを適用したい.vue fileの<script>タグ内に以下を追記
import 'bulma/css/bulma.css';
もしくは、<style>に以下を追記
@import '../node_modules/bulma/css/bulma.css';
SCSSを使うともっと凝ったことができるようになる
cf. Modularity | Bulma: Free, open source, and modern CSS framework based on Flexbox
Reference
Vue プロジェクトで Bulma を使う - 山崎屋の技術メモ
https://github.com/jgthms/bulma#import
#2020-11-20 08:15:50
#2020-09-07 22:05:16