「CSS」タグアーカイブ

_s(underscore) CSS改変

[新潟] Niigata WordPress Meetup in 新潟 Vol.1「もくもく会」に参加してきました。上級者揃いの中で初心者が一人。次は質問しようと思います。

さて、黙々と作業をするもくもく会ですが、私は_s(underscore)のCSSをいじっていました。いやぁ、複雑だわ。そもそものWordPress構造が複雑なので、CSSの指定が複雑。サンプルデータを入れて、見やすくなってはいたものの、一カ所直すと別のところが影響を受けたり、継承の影響で指定がキャンセルされたりと進まない進まない。WordPressのCSSって難しいですね。結局、中途半端なまま時間になってしまいました。準備していた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に変換されることを確認。さてうまくいくでしょうか?


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

若山牧水