

はじめまして。

Slim + sass + middlemanでプロトタイピングをしています。  
Slimファイル内でSass・SCSSを記述する際に、Slim内で定義した変数をSass・SCSSで参照する方法をご存知の方はいらっしゃらないでしょうか。  
※Hamlでは同様のことができたような記憶があるのですが…

例として、下記のようなことを実現したいと思っています。

よろしくお願いします。

## sample.slim

* * *
[code]

    //slimで変数を定義
    - height = 177.0
    - width = Time.now.min
    .rectangle
    
    sass:
      .rectangle
        //sassで変数を呼び出し
        height: $height
        width: $width
    
[/code]


CC BY-SA 3.0
2015-06-23T15:50:51.823
11652
2015-06-24T06:07:27.367
2015-06-24T05:07:58.443
10170
10260
question
sass slim-lang
Slimファイル内で記述された変数をsassに渡す方法について


出来ないと思います。  
slimで完結するしか無いのでは？

[slim]

[code]

    - height = 177.0
    - width = Time.now.min
    
    .rectangle style="height: #{height}; width: #{width};"
    
[/code]

もしくは、jQueryを使うとか

[slim + jQuery]

[code]

    - height = 177.0
    - width = Time.now.min
    
    .rectangle
    
    javascript:
      $(document).ready(function(){$('.rectangle').css({'height': #{height}, 'width': #{width}});});
    
[/code]

しかし、上記の例でmiddlemanだと、widthはビルドした時の値なので、動的に変化するわけでもなく、slimを使ってTime.now.minしていること自体に疑問を感じます。時刻に応じて、動的にwidthの値を変えたいのであれば、widthの値算出をJavaScriptでやる必要があるのでは？


CC BY-SA 3.0
2015-06-24T05:50:26.937
11668
2015-06-24T06:07:27.367
2015-06-24T06:07:27.367
10170
10170
11652
answer