@def myConstant 15px;
@eval myEval com.foo.bar.foo();
@url myUrl imageName;

@if propertyname value1 {
  @def myConstant1 15px;
  @eval myEval1 com.foo.bar.foo();
  @url myUrl1 imageName;
}

/* Lenient mode, the constant will be redefined outside the conditionals evalueated at runtime */
@if propertyname value2 {
  @def myConstant1 15px;
  @eval myEval1 com.foo.bar.foo();
  @url myUrl1 imageName;

  @if propertyname value3 {
    @def myConstant11 15px;
    @eval myEval11 com.foo.bar.foo();
    @url myUrl11 imageName;
  }
  @elif (com.google.gwt.i18n.client.LocaleInfo.getCurrentLocale().isRTL()) {
    @def myConstant12 15px;
    @eval myEval12 com.foo.bar.foo();
    @url myUrl12 imageName;
  }
  @else {
    @def myConstant13 15px;
    @eval myEval13 com.foo.bar.foo();
    @url myUrl13 imageName;
  }
}
@elif property value {
  @def myConstant2 15px;
  @eval myEval2 com.foo.bar.foo();
  @url myUrl2 imageName;

  @if propertyname value4 {
    @def myConstant21 15px;
    @eval myEval21 com.foo.bar.foo();
    @url myUrl21 imageName;
  }
  @else {
    @def myConstant22 15px;
    @eval myEval22 com.foo.bar.foo();
    @url myUrl22 imageName;
  }
}
@else {
  @def myConstant3 15px;
  @eval myEval3 com.foo.bar.foo();
  @url myUrl3 imageName;
}

@media print {
  @def myConstant4 15px;
  @eval myEval4 com.foo.bar.foo();
  @url myUrl4 imageName;

  .appFooter-appPanel {
    text-align: center;
  }
}

@def myConstant7 15px;
@eval myEval7 com.foo.bar.foo();
@url myUrl7 imageName;

/* test contant replacement inside rules */
@def width 15px;
@def color 255;
@def white #fff;
@def _left left;
@def _right right;
@def ACTIVE-SHADOW inset 0 1px 1px rgba(0,0,0,.20);

.foo {
  width: width;
  background: myUrl7;
  background-image: \-webkit-gradient(linear, _left top, _right top, from(rgba(color, color, color, 0)), to(white));
  box-shadow: ACTIVE-SHADOW;
}