Markdownファイルの中にCSSを入れ込んでみた

cssファイルをmarkdownに入れ込めないかいろいろ調べたら、

<style scoped></style>

っていう、styleにscoped属性ってのがあることを知った。

これでmarkdownファイルの一番下に指定したいスタイルを定義しておけば、一つのファイルにできそう。

とりあえずこんな作業手順メモに、

1. るる
	- ～かどうか確認する。
		- ～の場合アレをアレする。
	- ～する。

こんなスタイルを定義しておくと、

<style scoped>
	body {
		font-family: 'MS Gothic';
	}
	li{
		margin-top:1px;
		margin-bottom:1px;
	}
	li:before{
		content: '☑';
		color:#DDDDDD;
		margin-right:3px;
	}

	pre {
		background-color: #f8f8f8;
		border: 1px solid #ccc;
		font-size: 13px;
		line-height: 19px;
		overflow: auto;
		padding: 6px 10px;
		border-radius: 3px;
	}
</style>

こんな感じになった。

スタイルのファイルを別にしたくない理由は、社内でmarkdownを知らないであろう人が多い上、エクセル方眼紙が全盛でブラウザ上で情報共有の環境がないので、ファイルを引き継いでいくうちに、絶対にスタイルのファイルがどこかに消えると思ったため。

一つのファイル、それもテキストファイルにしておけば、Markdownを知らない人は普通のテキストファイルとして読めるし、markdown記法を知っていればmarkdownの見やすさの恩恵に与れるとおもった。

え？作業手順メモなんか作らずに作業手順自動化しろって？うるせえシーケンサぶつけんぞ