mortendk mortendk

## README.md

      
              2 files
            
          
              13 forks
            
          
              0 comments
            
          
              70 stars
            
          
                stephenway
                / README.md
            
            
              Last active
              April 13, 2024 21:45
            
              
                BEMIT Cheatsheet
              
          
    BEMIT Cheatsheet

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

More Transparent UI Code with Namespaces
BEMIT: Taking the BEM Naming Convention a Step Further

Evolution

BEM:

  
## template-choser.md

      
              1 file
            
          
              1 fork
            
          
              1 comment
            
          
              5 stars
            
          
                mortendk
                / template-choser.md
            
            
              Last active
              April 29, 2016 09:32
            
              
                Drupal8 concept for selecting templates form the ui
              
          
    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.

  
## styles.css
/**
 * 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/
 */


## cssdropdown-4levels.html
<!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

## template.php
<?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',
  );
	/**
	* 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',
	);