title: Bootstrap 4 add more sizes spacing
body: <p>I'm in the middle of a web project, where spaces between sections have 80px.
  I would like to create one more option in the bootstrap spacers.</p>
  
  <p>For the moment I have in the sass code:</p>
  
  <pre><code>section {
      padding: 0 80px;
  }
  </code></pre>
  
  <p>Bootstrap spacers range from .25em to 3em (.p-5 = 40px)</p>
  
  <p>I would like to create a <code>.p-6</code> class containing 5em (80px)</p>
  
  <p>The ideal would be:</p>
  
  <pre><code>&lt;section class="py-5 py-md-6"&gt;
  </code></pre>
  
  <p>A bootstrap I have linked via CDN. I can not imagine how to create this with variables, somehow integrating it into the boostrap css. Could you give me any clues?</p>