Stephen Way stephenway

BEMIT Cheatsheet

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

BEM:

	/*---
	section: Base
	title: Shapes
	---

	```html_example
	<span class="o-triangle--right"></span>
	```
	*/

	<?xml version="1.0" encoding="UTF-8"?>
	<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
	<CORSRule>
	<AllowedOrigin>*</AllowedOrigin>
	<AllowedMethod>GET</AllowedMethod>
	<AllowedHeader>*</AllowedHeader>
	</CORSRule>
	</CORSConfiguration>

	<script>
	$.ajax({
	url: "http://dig.jsondns.org/IN/" + window.location.hostname + "/A?callback=jsonp",
	type: "GET",
	dataType: "jsonp",
	success: function(response) {
	var showWarning = false;
	$.each(response.answer, function(index, value) {
	if (value.type === "A" && value.rdata === "63.135.210.217") {
	showWarning = true;

	// ----
	// libsass (v2.0.0)
	// ----

	@function scale-to-adjust($start, $change) {
	@if($change > 0) {
	$end: $start + $change;
	@return percentage(($end - $start)/(100 - $start));
	} @else {
	@return percentage($change / $start);

	Change single quotes to double quotes in vim
	cs'"

	Replace all lines containing webkit
	:g/webkit/d

	#!/bin/sh

	bu
	sudo npm update -g
	sudo gem update --system
	sudo gem update `gem list \| cut -d ' ' -f 1`
	vim -E -c BundleInstall -c q
	reload!

	[style] {
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	}
	[style], [color] {
	color: inherit !important;
	}

	h1, h2, h3, h4, h5, h6 {

	<!DOCTYPE html>
	<head>
	</head>
	<body>
	<p>
	We're going to set <span class='foo'>foo, and after that, we'll add <span class='fixed-width-text'>fixed width</span>. Was that also also bold?</span>
	</p>
	</body>