View layers.scss
// Define a map of z-index layers. Utilized by layer()
$layers: (
foreground: 1,
local-hero: 2,
local-superhero: 3,
global-hero: 4,
global-superhero: 5,
);
/*
View compass_animation.scss
/*
* Compass doesn't have an animation mixin either. Here's one:
*
* Example usage:
* @include animation(10s, 5s, changecolour)
*/
@mixin animation($delay, $duration, $animation) {
@each $i in webkit, moz, o {
-#{$i}-animation-delay: $delay;
View radial-dropshadow.scss
// drop-shadow for bottom of element
.bottom-drop-shadow {
position:relative;
background: #fff;
&:after {
content:"";
position:absolute;
z-index:-1;
bottom: 0;
width: 90%;
View detect_ie_version.js
var isIE8, test_version;
test_version = 8;
isIE8 = (document.documentMode != null) && document.documentMode === test_version;
if (isIE8) {
return document.documentElement.className += ' ie8';
}
View bugherd-nonblocking.html
<!-- replace XXXXXX with the Project Key BugHerd gives you in their version of this script -->
<script>window._bugHerd||document.write('<script src="//www.bugherd.com/sidebarv2.js?apikey=XXXXXX"><\/script>')</script>
View detect_ie_version.coffee
test_version = 10 # which version of IE to test for
isIE10 = document.documentMode? and document.documentMode == test_version
if isIE10 then document.documentElement.className += ' ie10'
View spaced_grid.scss
// container for evenly-spaced grid items
.l-spaced-grid {
text-align: justify;
font-size: 0;
&:after {
content: '';
display: inline-block;
width: 100%;
}
}
View responsive_video_embed.scss
.video-embed {
position: relative;
padding-bottom: 56.25%; // a 16x9 video's height is 56.25% of its width
height: 0;
object, embed, iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
View ios_scale_fix.css
/* Make sure this is last - helps correct for an orientation scale bug in iOS */
@media screen and (orientation:landscape) and (device-width:320px) and (device-height: 480px) {
body {
width: 480px;
}
}
View fix_iOS_rotation.coffee
((doc)->
addEvent = 'addEventListener'
type = 'gesturestart'
qsa = 'querySelectorAll'
scales = [1, 1]
meta = if qsa of doc then doc[qsa]('meta[name=viewport]') else []
fix = ->
meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1]
doc.removeEventListener(type, fix, true)