https://labs.cybozu.co.jp/blog/akky/tags/portcss/ Recent content in Portcss on akky@サイボウズラボ・ブログ Hugo ja Thu, 21 May 2020 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2020/05/css-property-in-proper-english/ Thu, 21 May 2020 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2020/05/css-property-in-proper-english/ <p><a href="https://github.com/jevakallio/css-properly">jevakallio/css-properly</a> は、正しい英語でCSSを書くことができる<a href="https://github.com/postcss/postcss">PortCSS</a>のプラグインです。</p> <p>CSS の整形やトランスパイルを行う PortCSS にこのプラグインを入れて呼び出すことで、以下のように</p> <blockquote> <p><code>.foo { colour: black; background-colour: lightgrey; text-align: centre; }</code></p> </blockquote> <p>色指定を&quot;colour&quot;、中央寄せを&quot;centre&quot;などと、「正しい」英語で書いても、&ldquo;color&rdquo;, &ldquo;center&rdquo; など、正しくないけどなぜか受け入れられる文字列に修正してくれます。</p> <p>他にも、あなたの大好きなクマ padding-ton(パディントン)を padding-top に、表記は変わりませんがゼットインデックス(z-index)をズィーインデックス(z-index)に、など直してくれます。ラブリーですね!</p>