ZeeAgency

.good,
.bad,
.why {
	margin: 20px;
	border: 1px solid #444;

	height: 150px;
	background: red;
	color: white;
}

ZeeAgency

/**
 * Vertical centering with inline-block + generated-content
 * Julien Cabanès
 * based on http://css-tricks.com/centering-in-the-unknown/
 */

html, body { height: 100%; }
body {
	display: inline-block;
	margin: 0;

ZeeAgency

/* Shadow Triangle */

span {
  display: inline-block;   
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 21px solid #BADA55;
  -webkit-filter:

ZeeAgency

// Configuration
require({
	baseUrl: 'js',
	paths: {
		'vendor/jquery.ui.widget':   'plugins/jquery.ui.widget'
// also tried   './vendor/jquery.ui.widget': 'plugins/jquery.ui.widget'
// and          'jquery.ui.widget':          'plugins/jquery.ui.widget'
	}
});

ZeeAgency

@mixin set-experimental-support($moz: false, $webkit: false, $ms: false, $o: false, $khtml: false) {
  $experimental-support-for-mozilla: $moz;
  $experimental-support-for-webkit: $webkit;
  $experimental-support-for-microsoft: $ms;
  $experimental-support-for-opera: $o;
  $experimental-support-for-khtml: $khtml;
}

@mixin with-only-support-for($moz: false, $webkit: false, $ms: false, $o: false, $khtml: false) {
  // Capture the current state

ZeeAgency

div {
	width: 400px;
	height: 200px;
	background-image: url("http://lorempixel.com/400/200/animals/1/");
	background-repeat: no-repeat;
	transition: all 0.5s;
}
div:hover {
	background-image: url("http://lorempixel.com/400/200/animals/2/");
	transition: all 0.5s;

ZeeAgency

body {
  padding: 0px;
  width: 1500px;
  margin: 0 auto;
  font-family: Monaco;
  color: #1b8ac9;
}

ZeeAgency

/* RequireJS Path example */

// js/main.js
require({baseUrl: 'js'}, ['demo/1', 'my-lib/main'], function(demo1, myLib) {..});

// js/demo/1.js
define(['./2'], function(demo2) {..});

// js/demo/2.js
define(function() {});

ZeeAgency

/**
 * TV screen
 */


html { background: white; }


.tv {
	position: relative;

ZeeAgency

/**
 * TV screen
 */

html { background: white; }

.tv {
	position: relative;
	width: 200px;
	height: 150px;