[CSS] 記事一覧画面をスッキリさせた

記事一覧のページで、記事ごとにオレンジ色の枠で囲んであるのが、ちょっとうるさい気がしたので、CSSを修正しました。

/** 記事一覧画面をスッキリさせた*/
	.list.ecb-entry-border .entry-card-wrap{
		border-color: #e9e9e9;
		border-width: 0px;
		border-bottom-width: 1px;
		margin-bottom:20px;
	}
.entry-card-content {
	padding-bottom: 0;
	
}
figure.entry-card-thumb {
	padding-bottom: 0.5em;
}

こちらもどうぞ。

Cocoonで記事一覧の画像と文字の位置を逆にした（note風スタイル第６弾？）

久々にホームページのCSSをいじりました。今回は、記事一覧の画像と文字の配置です。 これも、note風スタイルの一環ですね。 大きな字で見やすいタイトルと正方形のアイキャッチ アイキャッチ画像より、タイトル文に目がいくようにする意図で、変更しました。 常に左から読んで行けるほうが、目にラクな気がします。 といって、そこまでブログ一覧はアクセスがないんですが……笑 CSS CSSはこんな感じです。 display: flexで下位の要素の順番（order）を変更できるようにして...

chiilabo.com

note風スタイル第４弾！目次のデザイン

「note風スタイル」ということで、ブログのスタイルシートを編集しています。 今回は、目次について。 主な変更点は…… 文字を細く・小さく・薄く背景色をグレーに項目の間に線を追加 noteの目次の特徴は、「控えめ」なこと。 記事によっては目次を付けていないものも多いです。 目次（table of contents）のHTML構造 .toc.toc-title.toc-contentol.toc-listlia リスト構造（ol, li）とアンカーリンク（a）の関係で、かなり複...

chiilabo.com

QRコードを読み込むと、関連記事を確認できます。