- Install Dropbox & sync
- Install 1Password from Mac App Store
- Google Chrome
- Alfred
- Remap to Command-Space
- Install the Developer Workflows
- Add Pinboard custom query (https://pinboard.in/search/u:msomers?query={query})
// ---- | |
// Sass (v3.3.7) | |
// Compass (v1.0.0.alpha.18) | |
// ---- | |
// _configuration.scss | |
$base-path: '../bundles/assets/'; | |
$image-path: $base-path + 'images/'; | |
$font-path: $base-path + 'fonts/'; |
// ---- | |
// Sass (v3.3.10) | |
// Compass (v1.0.0.alpha.20) | |
// ---- | |
$base-path: "assets/" !default; | |
/** | |
* Asset handler | |
* |
/** | |
* The goal here is to simplify implementing alpha channels when requiring support of | |
* old versions of IE that do not support rgba values. For modern browsers, it'll only output | |
* the rgba value of a color, but for <IE9, it'll first output the solid version of the color | |
* with no opacity. | |
*/ | |
/** |
var App = App || {}; | |
App.Section = App.Section || {}; | |
App.Section.Script = function () { | |
// Initialize global functions | |
function initalizeDomElements() { | |
} |
/** | |
* Responsive breakpoint, to be used as @include breakpoint(name) {} | |
*/ | |
@mixin breakpoint($name) { | |
@if map-has-key($breakpoints, $name) { // 1 | |
@media #{inspect(map-get($breakpoints, $name))} { // 2 | |
@content; | |
} | |
} | |
@else { // 3 |
/* | |
The wider content that should fill all remaining width - this one will resize | |
*/ | |
.fluid { | |
width: 99%; | |
display: table-cell; | |
} | |
/* | |
The narrower content that should take up all necessary space - this one will not resize |
#! /usr/bin/env bash | |
if [ -z "$1" ]; then | |
echo "Please specify a directory as the first argument." | |
exit 1 | |
fi | |
if [ ! -d "$1" ]; then | |
echo "Not a valid directory." | |
exit 1 | |
fi |
<h1 class="foo">Lorem ipsum dolor sit amet.</h1> | |
<p class="error">Lorem ipsum dolor sit amet.</p> |
# A Guardfile for Serve (http://get-serve.org/) | |
guard 'livereload' do | |
watch(%r{views/.+\.(erb|haml|slim)$}) | |
watch(%r{public/.+\.(css|js|html)}) | |
watch(%r{stylesheets/.+\.(scss|sass)}) | |
end |