タグ: Stylus

Hayaku - tools for writing CSS faster

CSS をすばやく入力できる機能を提供するパッケージです。

たとえば oh と入力して Tab を入力すると overflow: hidden; に置き換わるといった感じで、少ないタイプ数で定番のスタイルを素早く正確に入力することができます。

その他公式ページでは次のような展開パターンが紹介されています。

w10 → width: 10px
h2pt → height:2pt
c0 → color: #000
cFA → color: #FAFAFA

単純に補完が効いて素早いというだけでなく、間違いなく正確に入力できる点がメリットです。

Stylus

Sass や SCSS と同じく CSS をよりかんたんに記述できる記法「 Stylus 」ファイルのシンタックスハイライト機能とビルド機能を提供するパッケージ。

動作させるには npm パッケージの stylus が必要です。 プロジェクトごとに異なる設定を行うことなどもできるようです。