I hereby claim:
- I am ackernaut on github.
- I am ackernaut (https://keybase.io/ackernaut) on keybase.
- I have a public key ASDh34Vswpw7tnWdkirjceTgwFUP3WNvQpSlboNFKAoqdwo
To claim this, I am signing this object:
I hereby claim:
To claim this, I am signing this object:
// Requires jQuery or Zepto | |
// Get Random Image (unsplash.it) | |
var jsRandomImg = $('.js-random-img'); | |
function getRandomIntInclusive(min, max) { | |
min = Math.ceil(min); | |
max = Math.floor(max); | |
return Math.floor(Math.random() * (max - min + 1)) + min; | |
} |
// _mq-high-res.scss | |
@mixin mq-high-res { | |
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), | |
only screen and (-o-min-device-pixel-ratio: 13/10), | |
only screen and (min-resolution: 120dpi) | |
{ | |
@content; | |
} |
:first-child i === 0 | |
:last-child i === arr.length - 1 | |
:only-child arr.length === 1 | |
:nth-child(even) i % 2 | |
:nth-child(odd) !(i % 2) | |
:nth-child(n) i === n - 1 | |
:nth-last-child(n) i === arr.length - n |
// Breakpoints on a Fibonacci scale | |
// -------------------------------- | |
$bp-s0-min: 0px; | |
$bp-s0-max: 99px; | |
$bp-s1-min: 100px; | |
$bp-s1-max: 199px; | |
$bp-s2-min: 200px; | |
$bp-s2-max: 299px; | |
$bp-s3-min: 300px; |
// iOS Device Dimensions | |
@iPadLandHeight: 768px; | |
@iPadPortHeight: 1024px; | |
@iPadLandWidth: 1024px; | |
@iPadPortWidth: 768px; | |
@iPhoneLandHeight: 320px; // 640 / 2 | |
@iPhonePortHeight: 480px; // 960 / 2 |
// File: detection.js | |
(function($){ | |
var htmlAttr = document.documentElement; | |
var ua = navigator.userAgent.toLowerCase(); | |
// Global variables | |
isiPhone = ua.indexOf("iphone") > -1; | |
isiPad = ua.indexOf("ipad") > -1; |
// BrandColors | |
// Curated by: Galen Gidman | |
// http://galengidman.com/brandcolors/ | |
// LESS CSS Variables | |
// Using @bc'BrandColor' as naming convention | |
// LESS file by @ackernaut | |
@bcAboutMeBlue: #00405d; | |
@bcAboutMeYellow: #ffcc33; |
// Border-box sizing | |
.box-sizing { | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
} |
/* Seen in jQuery Mobile, Twitter's Bootstrap, etc. */ | |
/* Requires inline-block or block for proper styling */ | |
.text-overflow { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} |