Tailwind CSS ã®ä¸€æ©é€²ã‚“ã 書ãæ–¹-## CSS カスタムプãƒãƒ‘ティ +## CSS カスタムプãƒãƒ‘ティã®å®£è¨€ +## CSS カスタムプãƒãƒ‘ティã®åˆ©ç”¨ + +```html:html +<h1 class="px-[--gutter]"> + Hello world! +</h1> +``` + +`px-[var(--gutter)]` ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€`var()` ã¯çœç•¥å¯èƒ½ã§ã™ã€‚ -<h1 class="text-[length:var(--title-size)] text-[color:var(--title-color)]"> +<h1 class="text-[length:--title-size] text-[color:--title-color]"> +## フォントサイズã¨ä¸€ç·’ã«è¡Œã®é«˜ã•ã‚’指定ã™ã‚‹ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰ + +```html:html +<h1 class="text-
{{#tags}}- {{label}}
{{/tags}}