Instantly share code, notes, and snippets.

View 00-intro.md

Ikea Bekant standing desk with Gerton table top

View SassMeister-input.scss
// ----
// libsass (v3.3.2)
// ----
// Declare a subset of colors for semantic/contextual usage
$theme-colors: (
"primary": blue,
"secondary": gray,
"success": green,
"info": teal,
View gist.md

Here's an example of how to embed a Gist on GitHub Pages:

{% gist 5555251 %}

All you need to do is copy and paste the Gist's ID from the URL (here 5555251), and add it to a gist tag surrounded by {% and %}.

View scss-tests.scss
// Original
//
// Markup:
//
// <button class="button">Button</button>
// <button class="button button-primary">Button</button>
// <button class="button button-danger">Button</button>
//
// Total selectors: 6
// Total declarations: 19
View derp.html
<!-- Awful -->
<button>
<span></span><span></span><span></span>
</button>
<!-- Good -->
<button>
<span></span>
<span></span>
<span></span>
View submodule-bootstrap.bash
~/Sites/submodule-test git submodule add git@github.com:twbs/bootstrap.git
Cloning into 'bootstrap'...
remote: Reusing existing pack: 56478, done.
remote: Counting objects: 3347, done.
remote: Compressing objects: 100% (1644/1644), done.
remote: Total 59825 (delta 1903), reused 3100 (delta 1703)
Receiving objects: 100% (59825/59825), 57.06 MiB | 845.00 KiB/s, done.
Resolving deltas: 100% (36265/36265), done.
Checking connectivity... done.
View ios-terminal.bash
# Option 1
alias ios='open /Applications/Xcode.app/Contents/Applications/iPhone\ Simulator.app'
# Option 2
alias ios='open -a iPhone\ Simulator'
View list-group.less
// Only necessary if you're putting `box-shadow` on the `.list-group`. This element has no `border-radius` to override.
.list-group {
border-radius: 10px; // Make it 1px more than the children `.list-group-item`s because math
}
// Override the defaults
.list-group-item:first-child {
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
View index.html
<html id="daddy">
<div class="jumbotron">
<h1 class="text-danger">Heading</h1>
</div>
</div>
View commas-spaces.css
.element {
color: rgba(255,255,255,.75);
text-shadow: 0 1px 3px rgba(0,0,0,.25);
}
.element {
color: rgba(255, 255, 255, .75);
text-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}