mortendk

 /**
  * Implements hook_preprocess_menu().
  */
 function vanilla_preprocess_menu(&$vars, $hook) {
   if ($hook == 'menu_main') {
     kint($hook);
     $items = $vars['items'];
     foreach ($items as $key => $item) {
       $original_title = $vars['items'][$key]['title'];
       $vars['items'][$key]['title'] = array(

mortendk

{% import _self as menus %}

{#
  We call a macro which calls itself to render the full tree.
  @see http://twig.sensiolabs.org/doc/tags/macro.html
#}
{{ menus.menu_links(items, attributes, 0) }}

{% macro menu_links(items, attributes, menu_level) %}
  {% import _self as menus %}

mortendk

# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#

mortendk

Document all css class selectors that are in the classy theme.

<code>
.foo { }
.foo-bar { }
</code>
where it is filename.html.twig / filename.css

<h3>Available css selectors in the Classy theme:</h3>

mortendk

template chooser

Drupal8 is pretty awesome, but its a problem that you cant choose fromt the ui which template to use. Sure you can overwrite whats there (node--article.html.twig) but that dont give the end user a chance to later change in the site & can end up in even more templates & clutter.

template suggestions

Make it easy to provide a template suggestion for entities, blocks, pages, nodes, fields, menues, username, everything that have a template you should be able to give a suggestion.

class selector

A prepopulated list of classes that can be selected for a template.

The modules userbase is sitebuilders & themes that wants to provide variations for a site, developers dont have to provide templates after a site is build, and can rely on the theme to provide all the variations.

mortendk

{# loop template #}
{% for item in items %}
  {#  assing foo, bar or baz to the var foo then print em out #}
  {%
    set var = [
      cycle(["foo", "bar", "baz"], loop.index),
    ]
  %}
  {% if loop.first %}
  {# first  #} {{ var }}

mortendk

{#
/**
 * @file
 * Theme override to display a menu.
 *
 * Available variables:
 * - menu_name: The machine name of the menu.
 * - items: A nested list of menu items. Each menu item contains:
 *   - attributes: HTML attributes for the menu item.
 *   - below: The menu item child items.

mortendk

function testMessages() {
// Enable the Classy theme.
\Drupal::service('theme_handler')->install(['classy']);
$this->config('system.theme')->set('default', 'classy')->save();
....

mortendk

module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    //clean folders
    clean: {
      styleguide: ['styleguide'],
      css: ['css'],
      // images:['images']
    },

mortendk

  $path = \Drupal::request()->getPathInfo();
  if($path){
    $foo = explode("/", $path);
    $body_classes[] = 'path-' . $foo[1];
  }