I hereby claim:
- I am graygilmore on github.
- I am graygilmore (https://keybase.io/graygilmore) on keybase.
- I have a public key ASCdiAvLxQVeICrU96scBFZe5fSHLpwndZ-0Ja0Gl5MFQQo
To claim this, I am signing this object:
I hereby claim:
To claim this, I am signing this object:
Save manifest.json and style.css in a directory on your machine.
Click the Chrome menu icon and select Extensions from the Tools menu. Ensure that the "Developer mode" checkbox in the top right-hand corner is checked. Click "Load unpacked extension" and select to your newly created directory.
| /* | |
| The Ultimate Hover Color Function | |
| @author Gray Gilmore - http://code.graygilmore.com | |
| The goal of this Sass function is provide a hover color that works | |
| with any color on any background. No longer do we need to bundle | |
| hover color options with our themes, let Sassy McSasserson take care | |
| of that for you. | |
| The hover color, seen in this demo as "After" text, must be visible in |
| @mixin someNameThatMakesSense () { | |
| > *:first-child { | |
| margin-top: 0; | |
| } | |
| > *:last-child { | |
| margin-bottom: 0; | |
| } |
| function timeDifference(current, previous) { | |
| var msPerMinute = 60 * 1000; | |
| var msPerHour = msPerMinute * 60; | |
| var msPerDay = msPerHour * 24; | |
| var msPerMonth = msPerDay * 30; | |
| var msPerYear = msPerDay * 365; | |
| var elapsed = current - previous; |
| /** | |
| * Weirdness when using "size" and HTML5 number input | |
| */ | |
| input { | |
| display: block | |
| } | |
| .small { width: 30px; } | |
| .medium { width: 120px; } |
| #wrapper { | |
| width: 900px; | |
| margin: 0 auto; | |
| position: relative; | |
| background: #999; | |
| } | |
| #content { | |
| width: 500px; |
| #wrapper { | |
| width: 900px; | |
| margin: 0 auto; | |
| position: relative; | |
| background: #999; | |
| } | |
| #content { | |
| width: 500px; |
| html { background: grey; } | |
| div.photo { border-radius: 5px; overflow: hidden; background-clip: border-box; } | |
| div.photo img { } |
| body { | |
| background:#e9e8e1; | |
| } | |
| .button { | |
| display: inline-block; | |
| padding: 8px 13px; | |
| color: #fff; | |
| font-weight: bold; | |
| text-decoration: none; |