Ruby で Sass のカスタム関数を書く

テクノロジーカテゴリーの変更を依頼記事元:

terkel.jp

62 usersがブックマークコメント

コメント

9

記事へのコメント9件

注目コメント
新着コメント

mako_wis “$grid-width: 40px; $gutter-width: 10px; @function grid-width ($n) { @return $n * $grid-width + ($n - 1) * $gutter-width; }”

2014/07/02 リンク

iwazer これは木曜の成果ですね

2013/05/27 リンク

udzura 貴重な記事だ

sass
ruby

2013/05/27 リンク

atsushi1972 Ruby で Sass のカスタム関数を書く – terkel.jp Sass で関数を書く方法は 2 つあります。ひとつは Sass の @function ディレクティブを使って Sass ファイル内に定義する方法。 [] via Pocket May 26, 2013 at 06:26PM

2013/05/26 リンク

ysakmrkm Ruby で Sass のカスタム関数を書く – terkel.jp

2013/05/26 リンク

satococoa #p4d とても勉強になりました

sass
ruby

2013/05/25 リンク

ruedap satococoaさん++

2013/05/25 リンク

ken_c_lo ヾ(๑╹◡╹)ﾉ #p4d

sass
ruby

2013/05/25 リンク

NiPeke tags:

2013/05/25 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

Ruby で Sass のカスタム関数を書く

Sass で関数を書く方法は 2 つあります。ひとつは Sass の @function ディレクティブを使って Sass フ... Sass で関数を書く方法は 2 つあります。ひとつは Sass の @function ディレクティブを使って Sass ファイル内に定義する方法。 $grid-width: 40px; $gutter-width: 10px; @function grid-width ($n) { @return $n * $grid-width + ($n - 1) * $gutter-width; } 簡単かつカジュアルに書ける反面、当然ながら Sass のネイティブ関数やディレクティブの制限を受けるので、できないことも多いです。とくに Sass は文字列系の関数があまり用意されておらず、不満を感じることも少なくありません。もうひとつの方法は、Ruby でカスタム関数を書いて Sass を拡張するという方法です。Ruby の知識が必要で、かつ Sass ファイルに直接定義するのとは違って別フ

ブックマークしたユーザー

tana0052018/01/22
rby2017/03/17
yuhiisk2015/05/18
mako_wis2014/07/02
kadoppe2013/10/13
iNo2013/09/11
nagayama2013/08/14
Watson2013/08/14
teppeis2013/08/11
tksthdnr2013/07/10
sypho2013/06/19
hama_shun2013/06/06
aereal2013/06/06
tezukam2013/05/29
hiro_y2013/05/28
kssm2013/05/27
iR32013/05/27
mitukiii2013/05/27

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx