SASS检查当前循环是否包含输入的一部分

时间:2017-05-11 15:10:54

标签: sass

我有一个名为$ratings-list的数组,我正在尝试过循环,如果$current-class包含.5,那么使用css段,否则使用不同的段;

$ratings-list: 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5;

  @each $current-class in $ratings-list {
    $i: index($ratings-list, $current-class);
    &[data-rating="#{$current-class}"] {
      @if (index($current-class, .5)) {
        .rating-stars__star:nth-child(-n+#{floor($current-class)}) .ratings-star {
          height: floor($current-class);
        }
      } @else {
        .rating-stars__star:nth-child(-n+#{$i}) .ratings-star {
          height: 7px;
        }
      }
    }
  }

上述内容始终会返回else height: 7px段。

0 个答案:

没有答案