import foo from 'bar'

- console.log('')

var color = props.color || 'red'

// this is a comment

/* another comment */

.button,
.btn,
button {
  color: =color;
  yield
  - debugger
  Other(testing)
  Foobar(color=test)

  Test('green') {
    display: none; }

  [type='radio']:not(:checked) + label:after {
    display: none;
    border-radius: 50%;
    border: 2px solid;
    border-color: = $radio-empty-color; }

  if props.color === 'blue' {
    &:active {
      outline: none; } }
  else {
    color:  brown; }

  each v, k in [1,2,3,4] {
    &:nth(v) {
      margin-left: = v + 'px'; }
    .other {
      padding: 20px; } }

  var foo = 'red'

  @media mobile {
    yield mobile(123) }

  block test(color) {
    color: = color; } }

function Test(color) {
  color: =color;
  &.test {
    background: =darken(color);
    yield } }

export var foo = '123'

.test {
  color: red; }