<div class="wcpt-editor-row-style-options wcpt-editor-row-option" wcpt-model-key="style">

  <div class="wcpt-wrapper wcpt-editor-row-option" wcpt-model-key="[id]:after">

    <!-- font-size -->
    <div class="wcpt-editor-row-option">
      <label>Size</label>
      <input type="text" wcpt-model-key="font-size">
    </div>

    <!-- background-color -->
    <div class="wcpt-editor-row-option">
      <label>Color</label>
      <input type="text" wcpt-model-key="background-color" placeholder="#000" class="wcpt-color-picker" >
    </div>

  </div>

  <div class="wcpt-wrapper wcpt-editor-row-option" wcpt-model-key="[id]">

    <!-- margin -->
    <div class="wcpt-editor-row-option">
      <label>Margin</label>
      <input type="text" wcpt-model-key="margin-top" placeholder="top">
      <input type="text" wcpt-model-key="margin-right" placeholder="right">
      <input type="text" wcpt-model-key="margin-bottom" placeholder="bottom">
      <input type="text" wcpt-model-key="margin-left" placeholder="left">
    </div>

  </div>

</div>

<!-- condition -->
<?php include( 'condition/outer.php' ); ?>
