チェックリスト01

croover

　チェックで見やすいボックスです。

　この段落をコピペしていくと

　チェック項目を増やせます

コードをコピー

								<!-- wp:jinr-blocks/simplebox {"className":"jinr-custom-checklist","jinrBlocksCSSAttribute":".jinr-custom-checklist .jin-ifont-check:before{\n\tfont-size:2rem;\n}\n\n.jinr-custom-checklist .c\u002d\u002dsimple-box-inner{\n\tpadding:25px 0 !important;\n}\n\n.jinr-custom-checklist p{\n\tmargin:1rem 0 !important;\n}"} -->
<div class="jinr-add-class-container"><section class="wp-block-jinr-blocks-simplebox b--jinr-block-container jinr-custom-checklist"><div class="b--jinr-block b--jinr-box d--simple-box1 jinr-custom-checklist"><div class="c--simple-box-inner"><!-- wp:paragraph -->
<p> <i class="jin-icons in--p jin-ifont-check" aria-hidden="true"></i>　チェックで見やすいボックスです。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p> <i class="jin-icons in--p jin-ifont-check" aria-hidden="true"></i>　この段落をコピペしていくと</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p> <i class="jin-icons in--p jin-ifont-check" aria-hidden="true"></i>　チェック項目を増やせます</p>
<!-- /wp:paragraph --></div></div></section><style jsx="true">.jinr-custom-checklist .jin-ifont-check:before{
	font-size:2rem;
}

.jinr-custom-checklist .c--simple-box-inner{
	padding:25px 0 !important;
}

.jinr-custom-checklist p{
	margin:1rem 0 !important;
}</style></div>
<!-- /wp:jinr-blocks/simplebox -->

デザイン見本帳