Skip to content

Instantly share code, notes, and snippets.

View lanceguyatt's full-sized avatar

Lance Guyatt lanceguyatt

View GitHub Profile
Verifying my Blockstack ID is secured with the address 1GDA7SdRsi7ijNBHNRpm6BjzZb9d3BNzhY https://explorer.blockstack.org/address/1GDA7SdRsi7ijNBHNRpm6BjzZb9d3BNzhY
@lanceguyatt
lanceguyatt / mixin.scss
Created February 24, 2014 08:02
Vertical align element
@mixin vertical-align {
&:before {
content: '';
display: inline-block;
height: 100%;
width: .1px;
vertical-align: middle;
}
}
@lanceguyatt
lanceguyatt / gist:7218812
Last active December 26, 2015 21:49
Disable window drop shadow

Disable window drop shadow

defaults write com.apple.screencapture disable-shadow -bool true

defaults write com.apple.screencapture disable-shadow -bool false

@lanceguyatt
lanceguyatt / _background-image-retina.scss
Last active December 18, 2015 01:39
Modernizr retina background sass mixin
@mixin background-image-retina($file, $type) {
$image-normal: $file + '.' + $type;
$image-retina: $file + '@2x.' + $type;
$height: image-height($image-normal);
$width: image-width($image-normal);
background: image-url($image-normal) no-repeat 0 0;
height: $height;
@lanceguyatt
lanceguyatt / gist:4502588
Last active December 10, 2015 22:29
Update all gems

sudo gem update gem list | cut -d ' ' -f 1

@lanceguyatt
lanceguyatt / gist:4502545
Last active December 10, 2015 22:29
tar.gz commands
To compress a directory use the following syntax:
sudo tar -zcvf archive_name.tar.gz directory_to_compress
To decompress an archive use the following syntax:
sudo tar -zxvf archive_name.tar.gz
@lanceguyatt
lanceguyatt / gist:4494102
Last active December 10, 2015 21:18
SASS forloop example
/* @for - could really badass on lists if you needed them each to have unique styles (@while works similar) */
@for $i from 1 through 3 {
.my-class-#{$i} { width: 2px * $i; }
}
/* compiles to */
.my-class-1 {
width: 2px;
}
.my-class-2 {
@lanceguyatt
lanceguyatt / gist:4433637
Last active December 10, 2015 12:19
SASS generated content placeholder example
/* @group =bullet-list */
%bullet-list {
.generatedcontent & {
list-style: none;
margin-left: 0;
li {
padding-left: 15px;
position: relative;
&:before {
color: $gold;