jackw
/ revealingmodule.sublime-snippet
Last active
December 17, 2015 23:39
Got bored of repeating myself. Here's a revealing module pattern sublime text 2 gist.
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
| <snippet> | |
| <content><![CDATA[ | |
| var ${1:nameSpace} = function (${2:\$}) { | |
| function init () { | |
| $4 | |
| } | |
| return { | |
| init : init |
jackw
/ _defeat-fout.scss
Created
September 25, 2013 16:55
Defeat Typekit FOUT with SASS
I've been working on a large website with Typekit and needed a way to chain selectors with the Typekit FOUT css rather than (http://help.typekit.com/customer/portal/articles/6852-controlling-the-flash-of-unstyled-text-or-fout-using-font-events).
Extending a class in SASS generally causes bloat but I'm thinking it mi…
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
| // How about we try some FOUT fixing with SASS... | |
| // a fallback if people forget to set the stack. | |
| $default-font-stack: "Museo-sans", "Helvetica Neue", Arial, Helvetica, sans-serif !default; | |
| // we'll extend these in some sort of attempt to chain selectors without needing to worry about it. | |
| .visible-hidden { | |
| visibility:hidden; | |
| } |
jackw
/ jsbin.UGEWoso.html
Created
October 15, 2013 07:23
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset=utf-8 /> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| </body> | |
| </html> |
jackw
/ jsbin.IQamIrO.html
Created
October 15, 2013 07:24
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset=utf-8 /> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| </body> | |
| </html> |
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
| // ---- | |
| // Sass (v3.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| %my-placeholder { | |
| background:black; | |
| padding:20px; | |
| position:relative; | |
| color:red; |
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
| // ---- | |
| // Sass (v3.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| %my-placeholder { | |
| background:black; | |
| padding:20px; | |
| position:relative; | |
| color:red; |
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
| // ---- | |
| // Sass (v3.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| %my-placeholder { | |
| background:black; | |
| padding:20px; | |
| position:relative; | |
| color:red; |
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
| // ---- | |
| // Sass (v3.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| /* | |
| ---- using a mixin --------------------------------- | |
| */ | |
| @mixin placeholder { |
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
| <div class="page"> | |
| <div class="banner"> | |
| <p class="logo">this is my logo</p> | |
| <p>this is my header</p> | |
| </div> | |
| <ul class="pagenav"> | |
| <li>nav link</li> | |
| <li>nav link 2</li> | |
| </ul> |
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
| // ---- | |
| // Sass (v3.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| @mixin gimme-stuff($var1, $imagePaths...) { | |
| @if length($imagePaths) < 2 { | |
| &:before { | |
| content: "You need to provide two or more vars for gimme-stuff to work"; | |
| display:block; |
OlderNewer