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