ウェブサービスを作っています。

CSS

sass-lint を導入する

CSS は、Sass (*.sass) で書いているのですが、プロパティの順番をアルファベット順にしたくて sass-lint を導入してみました。 インストール npm install -g sass-lint .sass-lint.yml。便利そうな設定もいくつか追加。 必要最低限の設定にしたいので、merg…

Sass でレスポンシブデザイン

@mixin sp-view @media only screen and (max-width: 767px) @content こういう mixin をつくっておくと、 .hoge @include sp-view text-align: center で、 @media only screen and (max-width: 767px) { .hoge { text-align: center; } } みたいに展開され…

TinyCss クラス

CSS::Tiny を参考にして、Ruby で CSS を処理する TinyCss クラスを作りました。 css = TinyCss.new.read('style.css') css.style['a']['background'] = 'black' css.write 'new_style.css' みたいに使えます。詳しくはソースを見てください。 class TinyCss…