このテーマの特徴
テーマの特徴:
このカスタムテーマは以下のような特徴を備えています。
- セクションは縦方向に配置される:すべてのセクションは垂直に積み重ねられ、表示されます。
- 大きなフォントサイズ:すべてのセクションのテキストは、24ptの大きなフォントサイズで表示されます。
- カラフルなヘッダー:ヘッダーはピンクと黄緑色の水平グラデーションで、中央揃えのテキストがあります。
- 固定フッター:フッターはページの下部に固定され、青とピンクの水平グラデーションと白のテキストがあります。
- 特別タイトルセクション:「タイトル」セクションは、ピンクの背景に白のテキストで表示され、他のセクションよりも大きなフォントサイズ(36pt)を使用しています。このセクションは、中央揃えで、タイトルとサブタイトルの2行で構成されています。
このテーマを利用する
CSS
/* @theme custom_theme */ @import default; section{ display: flex; flex-direction: column; font-size: 24pt; } header{ display: flex; justify-content: space-between; align-items: center; padding: 10px; background: linear-gradient(to right, #e63946, #f1faee); color: white; } footer{ width: 100%; position: fixed; padding: 10px; background: linear-gradient(to right, #f1faee, #e63946); color: white; bottom: 0px; text-align: center; } section.title{ background-color: #e63946; color: white; padding: 20px; font-size: 36pt; text-align: center; display: flex; flex-direction: column; justify-content: center; gap: 20px; }
Marpのサンプル
--- marp: true theme: custom_theme header: " " footer: " " --- # タイトル --- ## 見出し - これはリスト - これもリスト