You are here

Home » API reference » Bootstrap Styles 1.0.x

spacing-preview.html.twig in Bootstrap Styles 1.0.x

Default theme implementation of spacing preview box.

1 theme call to spacing-preview.html.twig
Spacing::buildStyleFormElements in src/Plugin/BootstrapStyles/StylesGroup/Spacing.php

File

templates/spacing-preview.html.twig
View source 
  1. {#

  2.  /**

  3.   * @file

  4.   * Default theme implementation of spacing preview box.

  5.   *

  6.   * @ingroup themeable

  7.   */

  8. #}

  9. 

  10. {{ attach_library('bootstrap_styles/plugins_groups.spacing.spacing_preview') }}

  11. 

  12. <div class="spacing-preview">

  13. 

  14.   <div class="preview-box margin-box">

  15.     <span class="title">{{ 'Margin'|t }}</span>

  16.     <span class="left margin-left">0</span>

  17.     <span class="top margin-top">0</span>

  18.     <span class="right margin-right">0</span>

  19.     <span class="bottom margin-bottom">0</span>

  20. 

  21. 

  22.   <div class="preview-box padding-box">

  23.     <span class="title">{{ 'Padding'|t }}</span>

  24.     <span class="left padding-left">0</span>

  25.     <span class="top padding-top">0</span>

  26.     <span class="right padding-right">0</span>

  27.     <span class="bottom padding-bottom">0</span>

  28.   </div>

  29.   </div>

  30. 

  31. </div>

  32. 

  33. <div id="bs_spacing_preview_calc"></div>