starryeyez024 · October 9, 2021 22:07
diff --git a/input.scss b/input.scss
 .cont {
    width: 500px;
    display: grid;
    grid-template-columns: 50px 1fr 2fr; 
 }
 .foo {
    display: block;
    background: yellow;
    border: red solid 1px;
 }
diff --git a/markup.html b/markup.html
 <div class="cont">
    <div class="foo">foo</div>
    <div class="foo">foo</div>  
    <div class="foo">foo</div>

 </div>
diff --git a/output.css b/output.css
 .cont {
  width: 500px;
  display: grid;
  grid-template-columns: 50px 1fr 2fr;
 }

 .foo {
  display: block;
  background: yellow;
  border: red solid 1px;
 }
diff --git a/settings.json b/settings.json
 {
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
 }
	.cont {
	width: 500px;
	display: grid;
	grid-template-columns: 50px 1fr 2fr;
	}
	.foo {
	display: block;
	background: yellow;
	border: red solid 1px;
	}