Skip to content

Instantly share code, notes, and snippets.

View brainbrian's full-sized avatar
🌊
life's a beach

Brian Behrens brainbrian

🌊
life's a beach
View GitHub Profile
@brainbrian
brainbrian / terminal-keyboard-commands.md
Last active November 24, 2021 02:08
Helpful Terminal Keyboard Commands

Terminal Keyboard Commands

  • ctrl + a = begining of line
  • ctrl + e = end of line
  • ctrl + u = clear up

VIM

  • dw = delete word
  • dd = delete line
  • daw = delete the word under the cursor
// SHADOWS
$text-shadow-none: none;
$text-shadow-xs: 1px 1px 1px rgba(0, 0, 0, .16);
$text-shadow-sm: 2px 2px 2px rgba(0, 0, 0, .16);
$text-shadow-md: 4px 4px 4px rgba(0, 0, 0, .16);
$text-shadow-lg: 8px 8px 8px rgba(0, 0, 0, .16);
$box-shadow-none: none;
$box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
$box-shadow-top: 0 -4px 2px -2px rgba(0, 0, 0, .4);
$box-shadow-bottom: 0 4px 2px -2px rgba(0, 0, 0, .4);
@brainbrian
brainbrian / spanish-development-terms
Last active February 17, 2016 19:30
Spanish development terms translated to English
Bajando los cambios - Pulling down the changes
Acabo de empujar mi código - I just pushed my code
@brainbrian
brainbrian / git-cheat-sheet.md
Last active February 28, 2023 00:10
Git Cheat Sheet

Git Cheat Sheet

Handy Git Commands

Configuration

git config --global push.default current

same as running

@brainbrian
brainbrian / .scss-lint.yml
Last active November 16, 2015 19:04
SCSS Lint Prefs
linters:
SelectorDepth:
enabled: true
max_depth: 5
NestingDepth:
enabled: true
max_depth: 5
Indentation:
@brainbrian
brainbrian / _responsive-sprite-mixin.scss
Last active September 24, 2015 16:55
Responsive Sprite SASS Mixin
// Responsive Sprites
// example - @include responsive-sprite(346px, 2192px, 173px, 274px, 0px, 0px);
@mixin responsive-sprite($sprite-width, $sprite-height, $img-width, $img-height, $img-x, $img-y) {
background-size: percentage($sprite-width/$img-width) percentage($sprite-height/$img-height);
background-position: percentage($img-x/($sprite-width - $img-width)) percentage($img-y/($sprite-height - $img-height));
}