A Pen by Antoine Butler on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.poc-scenario { | |
border: 1px solid red; | |
} | |
.poc-scenario h1 { | |
color: blue; | |
} | |
.poc-scenario p { | |
color: green; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[ | |
{ | |
"id": 1, | |
"steps": | |
[ | |
{ | |
"id": 1, | |
"title": "Get Ready For Your Day", | |
"body": "Tools on the Home Page allow you to see your day at a glance so you can plan for what’s ahead.", | |
"graphic": "http://via.placeholder.com/945x597?text=1" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const tracks = [ 'train' ]; | |
for (let i = 0; i < tracks.length; i++) { | |
if (tracks[i] === 'train') { | |
console.log('Pick it up'); | |
console.log('Pick it up'); | |
alert('Back on the scene, crispy ’n clean'); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// The Mixin | |
.replace-nums (@index) when (@index > 0) { | |
&:nth-child(@{index}):before { | |
content: '@{index}' | |
} | |
.replace-nums(@index - 1); | |
} | |
.replace-nums (@index, @content) when (@index > 0) { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.verbose { | |
-webkit-transition-property: -webkit-transform; | |
-moz-transition-property: -moz-transform; | |
-ms-transition-property: -ms-transform; | |
-o-transition-property: -o-transform; | |
transition-property: transform; | |
-webkit-transition-property: 1s; | |
-moz-transition-property: 1s; | |
-ms-transition-property: 1s; | |
-o-transition-property: 1s; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
--- | |
published: true | |
layout: awesome | |
title: I Know Right? | |
graphic: | |
- path: http://dummyimage.com/2000x1250/&text=1 | |
- path: http://dummyimage.com/2000x1250/&text=2 | |
- path: http://dummyimage.com/2000x1250/&text=3 | |
--- |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// placeholder mixin | |
.placeholder (@el:~'[placeholder]') { | |
@{el}::-webkit-input-placeholder { .styles; } | |
@{el}:-ms-input-placeholder { .styles; } | |
@{el}::input-placeholder { .styles; } | |
@{el}:input-placeholder { .styles; } | |
@{el}::-moz-placeholder { .styles; } | |
@{el}:-moz-placeholder { .styles; } | |
@{el}::placeholder { .styles; } | |
@{el}:placeholder { .styles; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
coo() { | |
if [ $1 ]; then | |
git checkout --orphan $1; | |
git rm -rf .; | |
touch README.md; | |
git add README.md; | |
git commit -m 'orphan branch initial commit'; | |
git push --set-upstream origin $1; | |
fi | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
define (require) -> | |
$ = require 'jquery' | |
$(document).ready -> | |
deferrableImages = $("img[data-src]").toArray() | |
# deferrableImages = $("img[data-src]").toArray() | |
loadImage = ($el, $fn) -> |
NewerOlder