mortendk mortendk

BEMIT Cheatsheet

Give developers more knowledge about how the classes behave in a non-relative sense: BEM + ITCSS = BEMIT

Evolution

BEM:

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.

	/**
	* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
	*
	* To overcome this, create media queries that target the width, height, and orientation of iOS devices.
	* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
	* the height of element `.foo` —which is a full width and height cover image.
	*
	* iOS Resolution Quick Reference: http://www.iosres.com/
	*/

	<!doctype html>
	<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
	<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->

	<head>
	<title>CSS Drop Down Menu</title>
	<style type="text/css" media="screen">
	/* ------------------------------------------------------------------
	Dropdown widget

	<?php

	/**
	* Implements hook_html_head_alter().
	* - Simplify the meta charset element.
	*/
	function THEMENAME_html_head_alter(&$head_elements) {
	$head_elements['system_meta_content_type']['#attributes'] = array(
	'charset' => 'utf-8',
	);