使用数据属性值作为sass变量中的值

Question

我有json添加数据属性，并希望使用数据属性的值来控制元素的宽度。

我的sass编译器在抱怨。

 <li class="lecture"  data-views="190"></li>
 $popularity: [data-views]
  .og-grid li > a,
  .og-grid li > a img
      width: $popularity

Answer 1

我不认为你可以得到DOM数据属性与SASS的方式。您可以为每个值使用一个类，显然，如果有太多，这是不理想的:

CSS类解决方案:

.lecture[data-views='190']{
  width: 190px;
}

也可以是jQuery:

$('.lecture').each(function(i){
     $(this).width($(this).data('views'));
});