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

# 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

{% 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

 /**
  * 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

libraries-override:
  core/modernizr: false

mortendk

{#
.theme:
function birch_preprocess_image_widget(&$variables, $hook) {
  // the image widget needs to know what the label is
  // look in admin/image-widget.hmtl.twig
  $variables['form_label_id'] = $variables['element']['#id'];
}
#}

{#

mortendk

{{ attach_library(active_theme()~'/form') }}

{# find the unique name for the button. #}
{% if element['#value'].getUntranslatedString() %}
  {% set element_name = element['#value'].getUntranslatedString()|clean_class %}
{% else %}
  {% set element_name = element['#value']|clean_class %}
{% endif %}

{# We dont use form-submit or button--primary for the css so lets remove it. #}

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

[base template name]--[view machine name]--[view display id].html.twig
[base template name]--[view machine name]--[view display type].html.twig
[base template name]--[view display type].html.twig2
[base template name]--[view machine name].html.twig
[base template name].html.twig


views styles 
https://www.sitepoint.com/theming-views-in-drupal-8-custom-style-plugins/