Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

@mixin data-range($range) {
  [data-range=#{$range}] & {
    @content;
  }
}


.wizard {
	display:    none; 

	&__step {
		display: inline-block;
	}
	
	&__steps {
    @include data-range(small){
      display:block;
    } 
	}
}  

SassMeister-output.css

.wizard {
  display: none;
}
.wizard__step {
  display: inline-block;
}
[data-range=small] .wizard__steps {
  display: block;
}