James Seymour-Lock jamesslock
jamesslock
/ gist:3994159
Created
November 1, 2012 15:02
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .hero-map { | |
| width: 100%; | |
| position: absolute; | |
| height: 414px; | |
| margin: 0 auto 0; | |
| background-position: top center; | |
| background-repeat: no-repeat; | |
| -webkit-background-size: 1200px 528px; | |
| -o-background-size: 1200px 528px; | |
| -moz-background-size: 1200px 528px; |
jamesslock
/ gist:4000856
Created
November 2, 2012 12:07
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 18 Column Grid | |
| ----------------------------------------------------------------------------- | |
| Span 1: 3.66666666667% | |
| Span 2: 9.33333333333% | |
| Span 3: 15.0% | |
| Span 4: 20.6666666667% | |
| Span 5: 26.3333333333% | |
| Span 6: 32.0% |
jamesslock
/ gist:4011794
Created
November 4, 2012 12:54
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .btn { | |
| border: 1px solid #bfbfbf; | |
| background: #f6f6f6; | |
| // Typography | |
| font-size: 1em; | |
| text-shadow: 0px 1px 0px rgba(255,255,255,1.0); | |
| color: #d0d0d0; | |
| // CSS3 Elements |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 18 Column Grid | |
| ----------------------------------------------------------------------------- | |
| Span 1: 3.66666666667% | |
| Span 2: 9.33333333333% | |
| Span 3: 15.0% | |
| Span 4: 20.6666666667% | |
| Span 5: 26.3333333333% | |
| Span 6: 32.0% | |
| Span 7: 37.6666666667% |
jamesslock
/ gist:4039452
Created
November 8, 2012 15:25
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <VirtualHost *:80> | |
| ServerName james.dev | |
| ServerAlias *.james.dev | |
| DocumentRoot "/Users/james/code/james" | |
| <Directory "/Users/james/code/james"> | |
| Order allow,deny | |
| Allow from all | |
| Options +MultiViews |
jamesslock
/ gist:4039469
Created
November 8, 2012 15:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <VirtualHost *:80> | |
| ServerName pow | |
| ServerAlias *.dev | |
| ProxyPass / http://localhost:20559/ | |
| ProxyPassReverse / http://localhost:20559/ | |
| ProxyPreserveHost On | |
| </VirtualHost> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin hide-text { font: 0/0 a!important; color: transparent!important; text-shadow: none!important; background-color: transparent!important; border: 0!important;} | |
| .hide-text { | |
| @include hide-text; | |
| } |
jamesslock
/ gist:4713467
Created
February 5, 2013 10:08
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| %container { | |
| width: 100%; | |
| max-width: 1280px; | |
| padding: 20px; | |
| margin: 20px auto; | |
| position: relative; | |
| } | |
| %clearfix:before, | |
| %clearfix:after { | |
| content: " "; /* 1 */ |
jamesslock
/ 16 column grid
Created
May 20, 2013 10:11
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin span($num, $gutter_pc, $gutter_px, $padding, $max_columns) { | |
| $one_col: (100% - ($gutter_pc * ($max_columns - 1))) / $max_columns; | |
| width:($one_col * $num) + ($gutter_pc * ($num - 1)); | |
| border-left-width:$gutter_px; | |
| padding:$padding; | |
| margin-left:$gutter_pc; | |
| } | |
| @mixin offset($num, $gutter_pc, $gutter_px, $padding, $max_columns) { | |
| $one_col: (100% - ($gutter_pc * ($max_columns - 1))) / $max_columns; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function(){ | |
| $('.site-header') .css({'height': (($(window).height()))+'px'}); | |
| $(window).resize(function(){ | |
| $('.site-header') .css({'height': (($(window).height()))+'px'}); | |
| }); | |
| }); |
OlderNewer