Generated by SassMeister.com.

input.scss

// Proveri da li je RTL mode.
@function is-rtl() {
    @return $global-text-direction == 'rtl';
}

// Okreni levu ili desnu stranu
@function invert($side) {
    @return if($side == 'left', 'right', 'left'); // Ovo je kao ternari operator
}

// Dodaj spacing
@mixin spacing($side, $size) {
    $side: if(is-rtl(), invert($side), $side);
    
    margin-#{$side}: $size;
}


// Regular Mode
$global-text-direction: 'ltr';

.header {
    @include spacing('right', 10px);
}

// RTL Mode
$global-text-direction: 'rtl';

.header {
    @include spacing('right', 10px);
}

output.css

.header {
  margin-right: 10px;
}

.header {
  margin-left: 10px;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}