Karriereveiledning

Grid Item 

<!-- Default -->
<div class="grid-item">

    Grid item

</div>


<!-- Full -->
<div class="grid-item-full">

    Grid item full

</div>


<!-- Half -->
<div class="grid-item-half">

    Grid item half

</div>


<!-- One Third -->
<div class="grid-item-one-third">

    Grid item one third

</div>


<!-- Two Third -->
<div class="grid-item-two-third">

    Grid item two third

</div>


<!-- Narrow -->
<div class="grid-item-narrow">

    Grid item narrow

</div>


<div class="{{ grid_item_class }}">
  {% block body %}
    {{ grid_item_copy }}
  {% endblock %}
</div>
 
/* Default */
{
  "grid_item_class": "grid-item",
  "grid_item_copy": "Grid item"
}


/* Full */
{
  "grid_item_class": "grid-item-full",
  "grid_item_copy": "Grid item full"
}


/* Half */
{
  "grid_item_class": "grid-item-half",
  "grid_item_copy": "Grid item half"
}


/* One Third */
{
  "grid_item_class": "grid-item-one-third",
  "grid_item_copy": "Grid item one third"
}


/* Two Third */
{
  "grid_item_class": "grid-item-two-third",
  "grid_item_copy": "Grid item two third"
}


/* Narrow */
{
  "grid_item_class": "grid-item-narrow",
  "grid_item_copy": "Grid item narrow"
}

No notes defined.