Generated by SassMeister.com.

input.scss

.col{
    width: 100%;
}

.col--1-2{
    @extend .col;
    max-width: 50%;
}


.col--1-3{
    @extend .col;
    max-width: 33.333%;
}

output.css

.col, .col--1-3, .col--1-2 {
  width: 100%;
}

.col--1-2 {
  max-width: 50%;
}

.col--1-3 {
  max-width: 33.333%;
}

settings.json

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