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