BuefyはBulmaというUIコンポーネントセットをベースにしたVue.js用のUIコンポーネントセットです。Bootstrapのようにあらかじめ用意されたHTMLタグやCSSクラスを使うことで簡単にそれなりの見た目になります。ここでは、Vue.jsアプリでBuefyを使えるようにするための準備手順と、最後にmarginやpadding用のクラスをBeufyに追加する方法をメモします。 前提と環境 ここでは、Nuxt.jsにnuxt-buefyをインストールして使っている前提です。 Nuxt.js : 2.9.0 nuxt-buefy: 0.3.14 nuxt-buefyの公式リポジトリは以下です。
![Nuxt.jsで使っているBuefyのスタイルをカスタマイズする](https://cdn-ak-scissors.b.st-hatena.com/image/square/e41922decfc0d405a5a1c4cb7d68a8aa5ffec206/height=288;version=1;width=512/https%3A%2F%2Fvirment.com%2Fimages%2F2018%2F11%2Fbeufy.png)