focalstrategy

/**
 * The first commented line is your dabblet’s title
 */
.grid {
display:grid;
grid-template-columns: 1fr 1fr;
height:100vh;
 }
  .red {
	 background-color:#ff0000;

focalstrategy

### Keybase proof

I hereby claim:

  * I am richbradshaw on github.
  * I am richb (https://keybase.io/richb) on keybase.
  * I have a public key whose fingerprint is 3657 EB1B DE25 6AF3 15C1  AECB C8EF DB74 D227 A7EF

To claim this, I am signing this object:

focalstrategy

$page_width: 1200px;
$cols: 12;
$gutter: 20px;

$col_width: $page_width / $cols;

.row {
	margin-left: -$gutter;
	*zoom: 1;
}

focalstrategy

### Keybase proof

I hereby claim:

  * I am richbradshaw on github.
  * I am richb (https://keybase.io/richb) on keybase.
  * I have a public key whose fingerprint is BEE4 D560 A1D6 28B9 BF51  95DE 0789 87C8 0EBB 5447

To claim this, I am signing this object:

focalstrategy

/**
* Quarter Circles
*/

.main {
	position:relative;
	width:200px;
	height:200px;
	margin:0 auto;
}

focalstrategy

/**
 * CSS Background Images
 */

.youtubePreview {
    background:url('http://img.youtube.com/vi/aOPGepdbfpo/0.jpg') center no-repeat;
    height:204px;
    width:480px;
}

focalstrategy

/*
	CSS Variables
*/ 

:root {
	-webkit-var-bgcolor: green;
	-moz-var-bgcolor: green;
	-ms-var-bgcolor: green;
	-o-var-bgcolor: green;
	var-bgcolor: green;

focalstrategy

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet 
  version="1.0" 
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
  xmlns:atom="http://www.w3.org/2005/Atom"
  xmlns:dc="http://purl.org/dc/elements/1.1/"  
  xmlns:flickr="urn:flickr:" 
  xmlns:media="http://search.yahoo.com/mrss/"
>
    <xsl:output method="html" indent="yes"/>

focalstrategy

.row, #header, #footer, #nav {
	@extend .clearfix;
	width:100%;
	padding:0;
	margin:0;
	p, h1, h2, h3, ul, ol, table, .padding {
		padding:0 10px;
	}		
	.full_width {
		width:100%;

focalstrategy

.PIE {
	behavior: url("/PIE.htc");
}

@mixin box-shadow($top, $left, $blur, $color, $inset:"", $pie:"true") {
	 @if $inset != "" {
	   -webkit-box-shadow:$top $left $blur $color $inset;
	   -moz-box-shadow:$top $left $blur $color $inset;
	   box-shadow:$top $left $blur $color $inset;
	 }