Nunjucks markup snippets

🤓 Useful HTML snippets for Nunjuck files

Handful of HTML snippets, for creating sections with predefined markup and Bootstrap 4 classes. A couple of typography snippets as well.

Made with 💜 by StanVision (https://www.stan.vision)

💾 How to install:

Extensions ‣ Search for 'Nunjucks markup snippets' ‣ Install

✅ Snippets list

Sections, divs & columns

Section with container:

sec + tab will generate:

<section class="">
    <div class="container">

    </div>
</section>

Section with container and paddings:

secp + tab will generate:

<section class="py-6 py-md-10 py-mg-15">
  <div class="container">
    
  </div>
</section>

Section with container and row:

secr + tab will generate:

<section class="">
  <div class="container">
    <div class="row">
      
    </div>
  </div>
</section>

Row with 2 equal columns:

rowc + tab will generate:

<div class="row">
  <div class="col-lg-6 mb-5 mb-lg-0">
    
  </div>
  <div class="col-lg-6">
    
  </div>
</div>

Div with flex center:

dflex + tab will generate:

<div class="d-flex justify-content-center align-items-center">
  
</div>

Typography

Title with typography:

h + tab will generate:

<h2 class="text-"></h2>

Paragraph with typography:

p + tab will generate:

<p class="text-"></p>

Link with typography:

a + tab will generate:

<a class="link-" href="#"></a>

FontAwesome icon:

fa + tab will generate:

<i class="far fa-"></i>>