Skip to content

Instantly share code, notes, and snippets.

View thejimbirch's full-sized avatar

Jim Birch thejimbirch

35 followers · 25 following
View GitHub Profile
@thejimbirch
thejimbirch / Bootstrap Navbar in Drupal 8 - page.html.twig
Last active April 6, 2016 13:56
{% if page.header %}
<nav class="navbar">
<div class="container-fluid">{{ page.header }}</div>
</nav>
{% endif %}
@thejimbirch
thejimbirch / Bootstrap Navbar in Drupal 8 - theme.info.yml
Last active April 6, 2016 13:54
core: 8.x
type: theme
base theme: stable
name: 'Theme Name'
description: 'Theme Name is a custom theme based on Stable (not theme)'
regions:
page_top: 'Page Top'
page_bottom: 'Page Bottom'
@thejimbirch
thejimbirch / Bootstrap Navbar in Drupal 8 - theme.libraries.yml
Last active April 6, 2016 14:04
global-styling:
version: 1.x
css:
base:
css/bootstrap.css: {}
js:
js/bootstrap.js: {}
dependencies:
- core/jquery
@thejimbirch
thejimbirch / Bootstrap Navbar in Drupal 8 - block--system-branding-block.html.twig
Last active April 6, 2016 13:57
{% 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>
@thejimbirch
thejimbirch / Bootstrap Navbar in Drupal 8 - block--THEME_NAME-main-menu.html.twig
Last active April 6, 2016 13:57
<div id="navbar" class="collapse navbar-collapse">
{{ content }}
</div>
@thejimbirch
thejimbirch / Bootstrap Navbar in Drupal 8 - menu--main.html.twig
Last active August 4, 2020 15:15
{{ 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
thejimbirch / Bootstrap Drupal 8 Tabs - menu-local-task.html.twig
Last active February 26, 2017 23:42
Add these two files to your Bootstrap enambled theme at themes/custom/THEME/templates/navigation/
<li{{ attributes.addClass(is_active ? 'active') }}>{{ link }}</li>
@thejimbirch
thejimbirch / drupal-paragraph-multi-column.html.twig
Last active August 15, 2016 02:36
Simple Drupal Paragraph Template - Example Filename would be paragraph--MACHINE-NAME.html.twig
<div class="element element--layout-columns">
{{ content }}
</div>
@thejimbirch
thejimbirch / drupal-paragraph-multi-column-field.html.twig
Created August 15, 2016 02:37
{%- for item in items -%}
<div class="element--layout-columns__{{ loop.length }}col">{{ item.content }}</div>
{%- endfor -%}
@thejimbirch
thejimbirch / drupal-paragraph-multi-column-field.less
Created August 15, 2016 02:45
/* -------------------------------------------------------------------------- */
/* 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);