Generated by SassMeister.com.

input.scss

.input {
   outline: none;   
}

.hairline {
    border: 1px solid #000;
}

.hairline-input-chip {
    @extend .input, .hairline;
    
    background-color: #fff;
}

output.css

.input, .hairline-input-chip {
  outline: none;
}

.hairline, .hairline-input-chip {
  border: 1px solid #000;
}

.hairline-input-chip {
  background-color: #fff;
}

settings.json

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