Generated by SassMeister.com.

input.scss

/// Flex sass mixin
///
///   // Example
///   .element {
///     @include flex($align-items: center, $justify-content: center);
///   }
///
///   // CSS Output
///   .element {
///     background-color: #664a20;
///   }

@mixin flex($display: flex, $flex: 0 0 auto, $flex-direction: row, $align-items: normal, $justify-content: normal) {
  display: $display;
  flex: $flex;
  flex-direction: $flex-direction;
  align-items: $align-items;
  justify-content: $justify-content;
}

.box {
  @include flex($align-items: center, $justify-content: center);
}

output.css

div {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

settings.json

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