mitchellhillman

<div id="clock">
	<div id="face">
		<div id="secondHand"></div>
		<div id="minuteHand"></div>
		<div id="hourHand"></div>
	</div>
</div>

mitchellhillman

<?php

$directory 		= 'CFA/sass/global/type/';
$write_file_name 	= '_type.scss';
$write_file 		= $directory.$write_file_name;

// Empty Target files
$content = '';
file_put_contents($write_file, $content);

mitchellhillman

@mixin background-image($name) {
	background-image: image-url($name);
	$width: image-width($name);
	$height: image-height($name);
	width: $width;
	height: $height;
	@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
		& {
			background-image: image-url(2x/#{$name});
			@include background-size( $width $height );	

mitchellhillman

<div class="bookmark-bubble"><!-- START .bookmark-bubble -->
	<p><strong>Install this web app:</strong></p>
	<p>Tap <img src="interface/images/bubble-action.png" class="action"/> and
	<br /><strong>"Add to Home Screen"</strong></p>
</div><!-- END .bookmark-bubble -->

mitchellhillman

<div class="rtabs" id="rtabs-1">
    <ul class="rtabs-controls">
        <li><a href="#section-01">Nunc tincidunt</a></li>
        <li><a href="#section-02">Proin dolor</a></li>
        <li><a href="#section-03">Aenean lacinia</a></li>
    </ul>
    <div class="rtabs-section" id="section-01" data-ajax=""></div>
    <div class="rtabs-section" id="section-02" data-ajax=""></div>
    <div class="rtabs-section" id="section-03" data-ajax=""></div>
</div>

mitchellhillman

// COMPASS
@import "compass/utilities/sprites"; 
@import "compass/css3/background-size"; 

// Import Images
$sprites: sprite-map("sprites/*.png");
$sprites2x: sprite-map("sprites-retina/*.png");

@mixin sprite($name) {
	@include retina-sprite($name, $sprites, $sprites2x);