Skip to content

Instantly share code, notes, and snippets.

View patpaev's full-sized avatar
🙆‍♂️

Patrick Paevere patpaev

🙆‍♂️
View GitHub Profile
@patpaev
patpaev / .csscomb.json
Created July 5, 2017 04:24
CSScomb config
{
"always-semicolon": true,
"color-case": "lower",
"block-indent": " ",
"color-shorthand": false,
"element-case": "lower",
"eof-newline": true,
"leading-zero": true,
"quotes": "double",
"sort-order-fallback": "abc",

Keybase proof

I hereby claim:

  • I am patpaev on github.
  • I am patpaev (https://keybase.io/patpaev) on keybase.
  • I have a public key whose fingerprint is B2AC 4E54 10E3 946C 3284 5DB7 71D6 9759 BA83 8B51

To claim this, I am signing this object:

@patpaev
patpaev / iterm2.md
Last active January 4, 2016 01:39
iterm2 cheatsheet

Tabs and Windows

Function Shortcut
Previous Tab +
Next Tab +
Go to Tab + [Number]
Go to Window + Option + [Number]
Go to Split Pane by Direction + Option + / / /
Go to Split Pane by Order of Use + ] , + [
@patpaev
patpaev / loader.html
Created November 11, 2015 00:20
Hourglass loading animation
<div className="loader">
<span>Loading...</span>
<div className="hourglass">
<svg className="full" fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6z"/>
<path d="M0 0h24v24H0V0z" fill="none" />
</svg>
<svg className="empty" fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z"/>
<path d="M0 0h24v24H0V0z" fill="none" />
@patpaev
patpaev / momentum-spin.css
Created November 5, 2015 00:56
Spin with momentum
selector {
-webkit-animation: spin 3050ms cubic-bezier(.34,-0.27,.14,1) infinite;
-moz-animation: spin 3050ms cubic-bezier(.34,-0.27,.14,1) infinite;
animation: spin 3050ms cubic-bezier(.34,-0.27,.14,1) infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(1080deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate1080deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(1080deg); transform:rotate(1080deg); } }
@patpaev
patpaev / fit_image.css
Last active November 2, 2015 23:41
Resize to fit image in div, and center horizontally and vertically
/* answer: http://stackoverflow.com/a/31699529 */
.container {
overflow: hidden;
width: 400px;
height: 300px;
position:relative
}
img {