Scss compilation is missing

problem description

compilation missing part of wrap

the environmental background of the problems and what methods you have tried

Environment: gulp, scss

related codes

/ / Please paste the code text below (do not replace the code with pictures)

.l-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l-flex-dir--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: "row";
  -ms-flex-direction: "row";
  flex-direction: "row";
}

.l-flex-dir--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: "column";
  -ms-flex-direction: "column";
  flex-direction: "column";
}

.l-flex-dir--rerow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: "row-reverse";
  -ms-flex-direction: "row-reverse";
  flex-direction: "row-reverse";
}

.l-flex-dir--recol {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: "column-reverse";
  -ms-flex-direction: "column-reverse";
  flex-direction: "column-reverse";
}
/* .l-flex-wrap... */
Jun.23,2022

flex--sharp {$property}: map-get ($dir, $key); changed to flex--sharp {$property}: map-get ($val, $key);

Menu