【问题标题】:Styling HAML using SASS使用 SASS 设计 HAML
【发布时间】:2012-02-22 14:33:21
【问题描述】:

嗨,这应该是一个快速的,我对 sass 和 haml 都很陌生,我知道它们是非常微妙的语言。我正在循环一个结构数组,我想为循环输出的信息着色,而不是其他任何东西。我的haml看起来像这样:

%table
  - test = sprint.work_by_developer
  %tr
    - test.each do |data|
      %td.column.developer_name
        = data.name
        \:
      %td.type_of_work
        Features: 
        = data.features
        %br/
        Chores: 
        = data.chores
        %br/
        bugs:
        = data.bugs

我的 sass 看起来像这样:

.developer_name
  :width 70px
  :padding 13px
  :font-weight bold


.type_of_work
  :width 155px 
  :color #2B65EC

我真的希望 data.features、data.chores 和 data.bugs 中的数字为浅蓝色:感谢任何想法、提示、技巧、cmets、关注点和批评 :)

【问题讨论】:

    标签: haml sass styling


    【解决方案1】:

    只需将它们包装在具有特定类的跨度中并为该类添加适当的规则。

    %span.light-blue= data.features
    
    .light-blue
      :color ...
    

    【讨论】:

      猜你喜欢
      • 2010-12-01
      • 2012-04-12
      • 2014-07-27
      • 2023-03-08
      • 2010-11-06
      • 1970-01-01
      • 2011-05-01
      • 2012-01-01
      • 2012-08-15
      相关资源
      最近更新 更多