Sassカスタム関数 元々のSassはRubyで書かれていて、Rubyで拡張することで追加の関数を作ることができます。これはカスタム関数と呼ばれています(@functionディレクティブを使ってSassの文法だけで関数を定義する関数ディレクティブとは別です)。 例えばCompassというSassミックスイン集+αみたいなツールがあって、これを使うと と書くことで、コンパイル時に画像ファイルの横幅を取得し、それを設定することができます。 ところが、最近は多くの環境がそうだと思うのですが、gulpなどでSassを使うためにnode-sassを使っていると、当然ながらRubyでカスタム関数を書くというわけにはいきません。のでCompassの便利関数なども使えなくなってしまっています。 (余談ですがSassの文法のみで定義されたミックスインは、compass-mixinsというNPMパッケージで使
![JavaScriptでSassのカスタム関数を作る - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9986f0dca749c723c5d00fba2790c660b50d5db2/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9SmF2YVNjcmlwdCVFMyU4MSVBN1Nhc3MlRTMlODElQUUlRTMlODIlQUIlRTMlODIlQjklRTMlODIlQkYlRTMlODMlQTAlRTklOTYlQTIlRTYlOTUlQjAlRTMlODIlOTIlRTQlQkQlOUMlRTMlODIlOEImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTYzNTVjZTY5N2Q5NzM3YTFlZTZmYzg4MGVmZTBkZGVh%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwS2l0YWl0aU1ha290byZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZWQ2YjkyNjYzM2MzOTY0NWNlNDg4NDY3YmRlYzBlZmM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D8ea566ac59cbac69be0bc759896d3769)