thejimbirch

{# Specify that we want to hide the content so we can print our fields individually #}
{{ content|without('field_sl','field_sli', 'field_wi', 'field_bg') }}
{# In the normal Boostrap carousel markup, we add our conditional fields as classes: #}
{# If Width field (field_wi) has value, add the class #}
{# If Background Color field (field_bg) has value, add the class #}
{# If Slide Interval field (field_sli) has value, add the data interval #}
{# We also add the Paragraph's id as the carousel id so we can allow multiple carousel on one page. (paragraph.id.value)" #}
<div class="element element--layout-slideshow carousel slide{% if content.field_wi %} {{content.field_wi}}{% endif %}{% if content.field_bg %} {{content.field_bg}}{% endif %}" id="myCarousel-{{ paragraph.id.value }}" data-ride="carousel"{% if content.field_sli %} data-interval="{{content.field_sli}}"{% endif %}>
  {# For the carousel indicators, we loop through the slide field #}
  {# We use Twig loop.first to set the active class, and the key to set

thejimbirch

{#
/**
 * @file
 * Theme override for a select element.
 *
 * Available variables:
 * - attributes: HTML attributes for the select tag.
 * - options: The option element children.
 *
 * @see template_preprocess_select()

thejimbirch

/* More customized to actual project.  Added Row and Columns to elements to make them more responsive */
/* Exposed Views Form */
.views-exposed-form {

  /* Adds separation between filter of results */
  .make-row();

  /* Floats Label to the left and aligns */
  label {
    .text-muted();

thejimbirch

/* -------------------------------------------------------------------------- */
/* Base Paragraph Styling.  This is the BEM Block */
/* -------------------------------------------------------------------------- */

.element {
  padding-top: @jumbotron-padding;
  .make-sm-column(10);
  .make-sm-column-offset(1);
  .make-md-column(8);
  .make-md-column-offset(2);

thejimbirch

{%- for item in items -%}
  <div class="element--layout-columns__{{ loop.length }}col">{{ item.content }}</div>
{%- endfor -%}

thejimbirch

<div class="element element--layout-columns">
  {{ content }}
</div>

thejimbirch

<li{{ attributes.addClass(is_active ? 'active') }}>{{ link }}</li>

thejimbirch

{{ menus.menu_links(items, attributes, 0) }}

{% macro menu_links(items, attributes, menu_level) %}
  {% import _self as menus %}
  {% if items %}
    {% if menu_level == 0 %}
      <ul class="nav navbar-nav">
    {% else %}
      <ul class="nav navbar-nav">
    {% endif %}

thejimbirch

<div id="navbar" class="collapse navbar-collapse">
 {{ content }}
</div>

thejimbirch

{% block content %}
  {% if site_logo %}
  <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
      <span class="sr-only">Toggle navigation</span>
      Menu
    </button>
    <a class="navbar-brand" href="{{ path('<front>') }}" title="{{ site_name }}" rel="home">
      <img src="{{ site_logo }}" alt="{{ site_name }}" />
    </a>