Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----


@mixin bp($point) {
  @if $point == s {
    @media (screen) { @content; }
  }
  @if $point == m {
    @media #{$screen-m} { @content; }
  }
  @else if $point == l {
    @media #{$screen-l} { @content; }
  }

}

$directions: "rtl",
             "ltr";
@each $direction in $directions {
  .simple-container {
    .parent[dir=#{$direction}] & { //this will work.
      @include bp(s) { 
        //when using bp(s) $direction is now out of scope.
        position: absolute;
        @if $direction == "rtl" { //this will not work :(
          right: -15px;
        } @else {
          left: -15px;
        }
      }
    }
  }
}

SassMeister-output.css

@media (screen) {
  .parent[dir=rtl] .simple-container {
    position: absolute;
    right: -15px;
  }
}

@media (screen) {
  .parent[dir=ltr] .simple-container {
    position: absolute;
    left: -15px;
  }
}