Skip to content

Instantly share code, notes, and snippets.

🙆‍♂

Patrick Paevere patpaev

🙆‍♂
Block or report user

Report or block patpaev

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View .csscomb.json
{
"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",
View keybase.md

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 Jan 4, 2016
iterm2 cheatsheet
View iterm2.md

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 Nov 11, 2015
Hourglass loading animation
View loader.html
<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" />
View momentum-spin.css
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 Nov 2, 2015
Resize to fit image in div, and center horizontally and vertically
View fit_image.css
/* answer: http://stackoverflow.com/a/31699529 */
.container {
overflow: hidden;
width: 400px;
height: 300px;
position:relative
}
img {
You can’t perform that action at this time.