cols:
      type: select.select
      label: Grid Column
      description: Select the grid column amount
      placeholder: 'Select...'
      default: g-blockcontent-2cols
      options:
        g-blockcontent-1cols: 1 Column
        g-blockcontent-2cols: 2 Columns
        g-blockcontent-3cols: 3 Columns
        g-blockcontent-4cols: 4 Columns

<div class="g-blockcontent-wrapper {{ particle.cols|e }}">
{% for blockcontentitem in particle.blockcontentitems %}
</div> 

.g-blockcontent {
    .g-blockcontent-wrapper {
        margin:1px; 
    }
    .g-blockcontent-item {
        margin: 0px;
        width: 100%;
        display: inline-block;
        padding:0px;
        .g-blockcontent-item-wrapper {
            i.fa, span {
                display: block;
                text-align: center;
          }          
   	   }
	 }
  }
    .g-blockcontent-wrapper {
        margin:1px ;
}
    .g-blockcontent-2cols {
        .g-blockcontent-item {
            width: 50%;
        }
    }
    .g-blockcontent-3cols {
        .g-blockcontent-item {
            width: 33.33333%;
        }
    }
    .g-blockcontent-4cols {
        .g-gridcontent-item {
            width: 25%;
        }
    }

{% for blockcontentitem in particle.blockcontentitems %}