「SASS」タグアーカイブ

SASSを試してみる

Sass: Syntactically Awesome Style Sheets 簡単に言えばCSSのプリプロセッサ。CSSにプログラマブルな表記を可能にしたもの。

最初に断っておきますが、まだ全然理解していません。ただ、CSSって煩雑になりがちですよね。それをコンパクトに見やすく成形しておくことが出来たら便利だと思いまして、試してみることにしました。

で、まずMacの方。SASSは基本Rubyで動いているみたいなので、問題なくインストールできるはずです。

$ sudo gem install sass

こいつでいけます。いけました。さて、出先などでも使いたいのでMacBook(2006)のPeppermintの方にもインストールしましょう。Rubyはプリインストールされているのを確認していますので、先ほどと同じ手順で

…ダメじゃん。出来ないと言われます。ベースがUbuntuなんで、aptでしょうか。

$ sudo apt install ruby-sass

はい、こちらでインストールできました。簡単なコードを書いて、CSSに変換されることを確認。さてうまくいくでしょうか?


かへり来よ桜紅葉の散るころぞわがたましひよ夙く帰り来よ

若山牧水