開発日報

IT・WEB系備忘。日報は嘘です。

【備忘録】blumaを使うとmarkdownがうまく反映されない問題

nuxtjs + blumaで遊んでいた時にハマったのでメモ。

参考 : github.com

現象

cssフレームワーク「bluma」を導入したnuxtアプリケーション環境で、、

markdown記法で書いたコンテンツにもblumaのCSSが当たってしまい、コンテンツのフォント等が上手いこと表示されない。

解決策

markdownなコンテンツを表示させたいhtmlの親タグに

class="content"

を付与すると、blumaのCSSの影響を受けなくなる。