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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>JS Bin</title> | |
</head> | |
<body> | |
<script id="jsbin-javascript"> |
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
// Convert single or multiple values to em | |
// for a property that takes 1-4 size values | |
// ie: margin, padding, width, height | |
// @author Jack Armley | |
// @parm {string} @prop - property to use | |
// @param {interger|list} @val - value(s) to use | |
// @param {interger} @embase [16] - base px value of ems | |
.pxem(@prop,@val,@embase:16) when(length(@val) < 5){ | |
@valuelen: length(@val); | |
.pxem-each(@i) when (@i > 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
/** | |
* See you next tuesday, | |
* a helpful script for letting | |
* you know what day of what week is [x] | |
* days from today | |
* @author Jack Armley | |
* @param daysNo {interger} - Number of days from today to grab | |
* @param debug {boolean} [false] - Output a more verbose message | |
**/ |
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
{ | |
"small": { | |
"width": "400", | |
"sizes": "(min-width: 6.25em) 90vw" | |
}, | |
"medium": { | |
"width": "800", | |
"sizes": "(min-width: 43em) 80vw" | |
}, | |
"large": { |
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
//- | |
//- Srcset mixin | |
//- @requires site.data.images | |
//- https://ericportis.com/posts/2014/srcset-sizes/ | |
//- | |
mixin image(src,alt) | |
//- 1: | |
//- Set initial vars |
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
// ---- | |
// Sass (v3.4.13) | |
// Compass (v1.0.3) | |
// ---- | |
$producticons:( | |
spritesrc: ( | |
'../images/processicons.svg', | |
'../images/processicons.png' | |
), |
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
// ---- | |
// Sass (v3.4.13) | |
// Compass (v1.0.3) | |
// ---- | |
@function longshadow($length){ | |
@return $length; | |
}; | |
p{ | |
text-shadow: longshadow(50); |
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
// ---- | |
// Sass (v3.4.12) | |
// Compass (v1.0.3) | |
// ---- | |
$producticons: | |
posturalzonedsupport, | |
reducedpressurepoints, | |
healthysleepenvironment, | |
increasedbloodflow, |
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
// ---- | |
// Sass (v3.4.12) | |
// Compass (v1.0.3) | |
// ---- | |
//// | |
//// The Hatchd Eggbox icon-font set | |
//// @author Hatchd Digital | |
//// Generated by grunt-webfont | |
//// |
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
.icon |
NewerOlder