Sass の if 関数

今日はあまり知られていない（と思われる） Sass の if 関数について紹介したいと思います。
続きを読む →

highlight.js 用のテーマを公開しました

google-code-prettify 用のテーマに続けて、highlight.js 用のテーマも作ってみました。

google-code-prettify といえば、Webサイト上のソースコードをシンタックスハイライト表示するためのライブラリとして、最も有名なものの一つだと思います。（Twitter Bootstrap でも使われてますし。）

そんな google-code-prettify 用のテーマをいくつか作ってみました。

「Sass で出力スタイルを compressed にするとカラーコードが3桁に短縮されて困った話」で、IE の Filter で指定する色の形式が意図したものにならないということを書いたのですが、解決策が見つかりました。
続きを読む →

CSS3 のグラデーション（linear-gradient）を以下のように Sass の mixin にして使っています。IEにも対応できるようにしたつもりだったのですが・・・
続きを読む →

@mixin を使ったやり方や、@function を使ったやり方を書きましたが、単純に変数を使えばいいんじゃね？というご指摘を Twitter で受けました。そうか。いや、まったくその通りです。
続きを読む →

「YUI の CSS Fonts を使う場合は SCSS を利用すると管理しやすいよ」というエントリーで、@mixin を使ったフォントサイズの指定方法を紹介したのですが、Sass 3.1.0 から追加された、@function ディレクティブを使ったほうが、管理しやすいんじゃないかと思い、関数を書いてみました。
続きを読む →

Sass、そしてSassy CSS (SCSS) を読んで、俄然 SCSS に興味が出て、新しいプロジェクトで試しています。「CSS でこう書けたらいいのになぁ」という記法をサポートしていて、ものすごく便利です。特に mixin で関数を用意すると非常に強力。

というわけで、表題のような mixin を書いてみました。まぁ、そんな大げさなものでもないですが。
続きを読む →