TailwindCSS Typography プラグインのスタイルカスタマイズ

以下の要素のスタイルを、このように改善してみた

ul要素

  • リスト
  • リスト
  • リスト

ol要素

  1. リスト
  2. リスト
  3. リスト

dl要素

定義型
リスト

code要素

label: value

pre要素

label: value

pre > code 要素の入れ子

シンタックスハイライトは https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js を使う

<pre>
  <code class="prettyprint">
            // ここに記述
  </code>
</pre>
import React from 'react';
 
export default class Code extends React.Component {
  constructor() {
    super();
    state = {
      value: null,
    };
  }
  render() {
    return (
      <div>
        <h1 className="title">Hello World</h1>
      </div>
    );
  }
}

blockquote要素

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
th td
th td