Fading text in/out screen view when scrolling
A Pen by Teo Dragovic on CodePen.
Fading text in/out screen view when scrolling
A Pen by Teo Dragovic on CodePen.
@mixin breakpoint($point) { | |
@if $point == 480 { | |
@media (min-width: 30em) { // 480px | |
@content; | |
} | |
} | |
@else if $point == 640 { | |
@media (min-width: 40em) { // 640px | |
@content; | |
} |
$LAB | |
.script('//www.google-analytics.com/ga.js') | |
.wait(function(){ | |
var _gaq = [['_setAccount', 'UA-XXXXXX-X'], ['_trackPageview']]; | |
}); |
// JQuery /w fallback + main.js | |
function loadJquery(scripts,idx) { | |
function fallback() { | |
clearTimeout(timeout); | |
if (typeof jQuery === 'undefined') { | |
if (idx < scripts.length-1) loadJquery(scripts,idx+1); | |
} else { | |
//load scripts that depend on jquery or just return | |
$LAB.script("javascripts/main.js"); | |
} |
// ---- | |
// libsass (v0.7.0) | |
// ---- | |
$cold-world: Verdana, sans-serif; | |
$cream: Verdana, sans-serif; | |
$fish: Verdana, sans-serif; | |
$knowledge-god: Verdana, sans-serif; | |
$run: test, test, Verdana, sans-serif; |
// ---- | |
// Sass (v3.3.0.rc.2) | |
// Compass (v1.0.0.alpha.17) | |
// ---- | |
$cold-world: font1, sans-serif; | |
$cream: font2, sans-serif; | |
$fish: font3, sans-serif; | |
$knowledge-god: font4, sans-serif; |
// ---- | |
// Sass (v3.3.0.rc.2) | |
// Compass (v1.0.0.alpha.17) | |
// ---- | |
$cold-world: font1, sans-serif; | |
$cream: font2, sans-serif; | |
$fish: font3, sans-serif; | |
$knowledge-god: font4, sans-serif; |
// ---- | |
// Sass (v3.3.0.rc.2) | |
// Compass (v1.0.0.alpha.17) | |
// ---- | |
$pages: | |
"cold-world" font1 sans-serif, | |
"cream" font2 sans-serif, | |
"fish" font3 sans-serif, | |
"knowledge-god" font4 sans-serif, |
// ---- | |
// Sass (v3.3.9) | |
// Compass (v1.0.0.alpha.20) | |
// ---- | |
// bourbon funkcija | |
@function em($pxval, $base: $em-base) { | |
@if not unitless($pxval) { | |
$pxval: strip-units($pxval); |
<div class="test">dasglgbksjb</div> |