[Sass+Compass] Rubyで作るカスタム関数と設定
RubyでSassの@functionを作ると色々やれて便利です。 CompassのConfig使うとより便利です。 RubyでSassの@functionを作る これはSassだけでやれます。 1. 適当なファイルを作って拡張子.rbで保存する。 2. ファイルの先頭でsassをrequireする文を書く require 'sass' 3. （2のつづきで）Rubyの構文に従ったモジュールを書く module MyExtension def sample(str) return Sass::Script::String.new("#{str}") end end 4. （3のつづきで）書いたモジュールをSassのFunctionsにincludeする module Sass::Script::Functions include MyExtension end これでincludeしたモジ
![[Sass+Compass] Rubyで作るカスタム関数と設定](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
sassの抑えておきたいfunctionの使い方 « NAVER Engineers' Blog
こんにちは。 年末の予定はぶっ通しでスカイリムにつぎ込むことが決定したUIT富田です。 今回は、Less & Sass Advent calendar 2011の6日目として、 sassのfunctionについて解説します。 すっぽりハマった四則演算の落とし穴 sassは値の四則演算をサポートしており、10進数だけでなく、16進数の値であってもよしなに計算してくれます。 color: #a3a4a5 + #111111; ↓ color: #b4b5b6; 16進数と10進数でもエラーにならず計算してくれます。（普通あまりやらないとは思いますが） color1: #000000 + 1; color2: #000000 + 15; ↓ color1: #010101; color2: #0f0f0f; この16進数の計算は、結果が#fffffを上回った場合、上回った分は切り捨てて、す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
