embedpreview.html

<link rel="stylesheet" href="styles/styles.css" type="text/css">
<div class="citation-capture-519256" id="citation-capture-519256">
  <div class="citation-meta-519256">
    <form>
      <label class="citation-input-label-519256" for="Author">Author</label>
      <input class="citation-input-519256" id="author-field" name="Author"></input>
    </form>
    <form>
      <label class="citation-input-label-519256" for="Title">Title</label>
      <input class="citation-input-519256" id="title-field" name="Title"></input>
    </form>       
  </div>

  <div class="thickdivider"></div>



<div class="portal-container-519256">

  <div id="portal-parent-519256" class="portal-parent-519256">
    <div class="portal-content-519256">To complete the tasks integration with VS Code, we will need to modify the task configuration from before to run the default Gulp task we just created. You can either delete the tasks.json file or empty it only keeping the "version": "2.0.0" property. Now execute Run Task from the global Terminal menu. Observe that you are presented with a picker listing the tasks defined in the gulp file. Select gulp: default to start the task. We allow you to scan the output for compile problems. Depending on the compiler, select an appropriate entry in the list to scan the tool output for errors and warnings. If you don't want to scan the output, select Never scan the build output from the presented list. At this point, if you create and/or modify Less or SASS files, you see the respective CSS files generated and/or changes reflected on save. You can also enable Auto Save to make things even more streamlined.
    </div>       
  </div> 

  <div class="portal-head-519256">

    <div class="portal-avatar-519256"><img src=""/></div>

    <div class="portal-metadata-519256">
      <div class="portal-title-519256">
        <div class="portal-author-519256">Author Text</div>
        <div class="title-wrapper-519256">CSS, SCSS, and Less support in Visual Studio Code</div>
      </div> 
    </div>

    <div class="portal-backlink-519256"><a target="_blank" href="https://code.visualstudio.com/docs/languages/css" class="portal-arrow-519256">Go to text <span class="right-arrow">&#8594;</span></a></div>

  </div>

</div>




  <div class="thickdivider"></div>
  
  <div class="citation-bottom-519256">
    <div class="comment-519256">
      <input class="citation-input-519256" id="comment-field-519256" placeholder="+ Add Comment"></input>    
      <div class="save-indicator-519256">Saved</div>
    </div>
    <div>
      <button id="getlink-519256" class="control-button-519256"><> Embed</button>
      <button id="close-button-519256" class="control-button-519256">Close</button>
    </div>
  </div>

<div class="allquotes-519256"><a class="quoteslink-519256" href="">All Quotes<img src="/images/allquotes.png"></a></div>       
</div>