TL;DRHugoで作成するようなブログにおいては 1BX で十分構成可能サイズが小さくても、グリッドレイアウトを利用可能2文字クラス名を多用しているため、HugoのSyntax Highlighting(Chroma)のクラス名と衝突するが、Inlineオプションを利用することで回避可能AMP用のCSSフレームワークに求められることAMP(Accelerated Mobile Pages)の仕様に準拠するためにはCSSをインライン化する必要があります。そのため、Hugoで以下の通り、style.cssに定義したCSSをインライン化しています。 <style amp-custom> {{ replaceRE " +" " " (replaceRE "\n" "" (partial "styles.css" .)) | safeCSS }} </style> ここで問題なのは、AMPの制限で
![AMP向けのミニマルCSSフレームワーク「1BX」をHugoに導入した - SIS Lab](https://cdn-ak-scissors.b.st-hatena.com/image/square/7af443b417568d91af45f18332a372bf9077fb8f/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fmeganii%2Fimage%2Fupload%2Fc_scale%2Cf_auto%2Cq_auto%2Fv1594902885%2Ftech_ben4sq.png)