タグ

ブックマーク / www.hamashun.me (2)

  • hamashun me : Windows PC に Ruby と Sass を導入する方法

    Sugamo.cssでちょっと前に話題になったのが、CSSのメタ言語(って言い方でいいのかな)であるSassです。 Sassを使うと、CSSをクールに記述する事ができます。 Sass自体についての解説はググると詳しいものがいくつかあります。 この記事では、Windows PC(XPとVistaで試しました)にSassを導入する手順を紹介します。 Rubyのインストール SassはRubyで動いているので、まずはRubyをインストールします。 RubyInstaller for Windows を使えば、何度かクリックするだけで完了します。 インストールが終了したらコマンドプロンプトを起動して、次のコマンドを入力してエンターをッターンと叩いてください。 ruby -v ruby 1.9 1p430(2010-08-16 revision 28998) みたいのが出たらgemのアップデートに進

    efcl
    efcl 2011/02/25
    WindowsでSassを導入する方法
  • hamashun me : Sassのサンプルコード

    使いまわしそうなSassのコードをメモっておいたら、(自分が)便利かなあとか思ったので載せておくテスト。 // =============================== // Variables // =============================== $red: #f00; $blue: blue; // =============================== // Mixins (Include) // =============================== @mixin link { color: #00f; } @mixin link_h { color: #fff; background: #00f; } @mixin link_v { color: #600; } @mixin min-height($px) { min-height: $px

    efcl
    efcl 2011/02/25
    Sassのサンプルmix-in
  • 1