_data_state.scss

$mix-data-state-prefix: 'is' !default;
$mix-data-state-attr: 'data' !default;

@mixin data-state($name, $state: true, $attr: $mix-data-state-attr, $prefix: $mix-data-state-prefix) {
  &[#{$attr}-#{$prefix}-#{$name}=#{$state}] {
    @content;
  }
}