& this is the scss
$myColor1: navy;
$myColor2:#000080;
$myStringVar: "with an appended string";
$myFontSize: 24px;
$thinBorder: 2px solid $myColor1;
$paddingVar: 15px 15px 15px 35px;
body{
font-family:Helvetica, Arial, sans-serif;
p{
font-family:Times;
}
p#mypara{
font-family:"Courier New";
}
}
h1, h2 {
color:$myColor1;
}
#mypara{
font-size:$myFontSize;
border: $thinBorder;
padding: $paddingVar;
}
#mypara:after{
content:$myStringVar
}
and this is the style.css.map
{
"version": 3,
"mappings": "AAQA,IAAI;EACH,WAAW,EAAC,4BAA4B;EACxC,MAAC;IACD,WAAW,EAAC,KAAK;EAEjB,aAAQ;IACR,WAAW,EAAC,aAAa;;AAI1B,MAAO;EACP,KAAK,EAnBM,IAAI;;AAsBf,OAAO;EACP,SAAS,EApBI,IAAI;EAqBjB,MAAM,EApBO,cAAmB;EAqBhC,OAAO,EApBM,mBAAmB;;AAsBhC,aAAa;EACb,OAAO,EA1BO,yBAAyB",
"sources": ["style.scss"],
"names": [],
"file": "style.css"
}
frankly the tutorial am following was not 100% clear as to how many files you are eventually supposed to have and there was no mention of a map.