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; | |
| } |