julzmon

.text-overflow {
    white-space: nowrap;       /* No line breaks */
    overflow: hidden;          /* Hide text which does not fit the block */
    text-overflow: ellipsis;   /* Cut off with ellipsis */
    display: block;            /* Works only for block elements */
}

julzmon

{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

julzmon

{% set counter = 0 %}
{% for entity in itemsTotal if entity|length %}
	{% set counter = counter + 1 %}
{% endfor %}

julzmon

<div class="row">
{% for entry in entries %}

<div class="col-sm-4"></div>
<div class="col-sm-4"></div>
<div class="col-sm-4"></div>

{% if loop.index is divisible by(3) %}
    <div class="row">
   </div>

julzmon

{% if currentUser.admin %}

    {# Display an edit link for our admin #}
    {{ entry.getCpEditUrl() }}

{% endif %}

julzmon

// @codekit-prepend "affix.js"
// @codekit-prepend "transition.js"
// @codekit-prepend "tooltip.js"
// @codekit-prepend "alert.js"
// @codekit-prepend "button.js"
// @codekit-prepend "carousel.js"
// @codekit-prepend "collapse.js"
// @codekit-prepend "dropdown.js"
// @codekit-prepend "modal.js"
// @codekit-prepend "popover.js"

julzmon

.make-column(@large, @medium, @small, @tiny: 16) {
  .make-xs-column(@tiny);
  .make-sm-column(@small);
  .make-md-column(@medium);
  .make-lg-column(@large);
}

section#main-content { .make-column(8,8,9,12); }

julzmon

body {  
    countercounter-reset: number;  
}  
h1:before {  
    countercounter-increment: number;  
    content: "counter(number) ";  
} 

julzmon

/**
 * Use em or rem font-size in Bootstrap 3
 */

@font-size-root: 14px;
@font-unit: 0rem; // Pick em or rem here


// Convert all variables to em

julzmon

Like this: {{ entry.d_date.year }}
Or: {{ entry.d_date | date("Y") }}

Like this: {{ entry.d_date.month }}
Or: {{ entry.d_date | date("m") }}