2011-07-11 15 views
10

Tôi cần một loạt các lớp, .module1, .module2, ... module (n).Bạn có thể nội suy các biến số ruby ​​trong Css HAML không?

Tôi cũng muốn xác định những lớp học sử dụng css, ruby ​​và HAML:

:css 
    .mod1 { 
     background-image: url("#{extra.image}"); 
    } 

Có thể suy biến ruby ​​để lưu công việc?

.module.mod"#{extra.id}" 
    %h3 #{extra.title} 
    %p #{extra.description} 
    %a.btn-default{:href => "#", :target => "_top"} enter now 

:css 
    .mod#{extra.id} { 
     background-image: url("#{extra.image}"); 
    } 

Trả lời

13

Theo HAML_REFERENCE tôi đã sử dụng phương pháp này:

- flavor = "raspberry" 
#content 
    :textile 
    I *really* prefer _#{h flavor}_ jam. 

để suy biến sau: css

.module.modone{:class => "#{cycle("mod_#{extra.id}_")}"} 

    %h3 #{extra.title} 
    %p #{extra.description} 
    %a.btn-default{:href => "#", :target => "_top"} enter now 

:css 
    .mod_#{extra.id}_ { 
    background-image: url("#{extra.image}"); 
    background-color: #4073DF; 
    }