caycefischer

// A mixin for media queries: @mq
//
// Use with keywords in $medias array:
// @include mq($media: wide) {
//  ...
// }
// 
// Or use with manual queries:
// @include mq("all and (min-width:33em)") {
//  ...

caycefischer

<div class="nav">
  <li class="box"><a href="">One</a></li>
  <li class="box"><a href="">Two</a></li>
  <li class="box"><a href="">Three</a></li>
</div>

caycefischer

Lemon Poppy-seed Muffins

• 2 eggs
• ¼ cup canola oil + ½ cup plain yogourt (can substitute with ¾ cup canola oil)
• ¾ cup milk
• ½ tsp vanilla
• ¼ cup poppy seeds

Combine all that in one bowl, then in another bowl mix the following:

caycefischer

<!-- via CSS Tricks 
     http://css-tricks.com/snippets/html/html5-article-structure-with-hnews/
-->

<article class="hentry">
  <header>
    <h1 class="entry-title">But Will It Make You Happy?</h1>
    <time class="updated" datetime="2010-08-07 11:11:03-0400" pubdate>08-07-2010</time>
    <p class="byline author vcard">
        By <span class="fn">Stephanie Rosenbloom</span>

caycefischer

1. Highlighting the Jekyll way.

This method uses Liquid tags and works when published to Github Pages. It doesn't work in Github's viewer when browsing the repo.

{{ "{% highlight html linenos "}}%}
<div>this is some preformatted code</div>
{{ "{% endhighlight "}}%}

2. Highlighting the Markdown way

caycefischer

/* Better styles for embedding GitHub Gists */
.gist{font-size:13px;line-height:18px;margin-bottom:20px;width:100%}
.gist pre{font-family:Menlo,Monaco,'Bitstream Vera Sans Mono','Courier New',monospace !important}
.gist-meta{font-family:Helvetica,Arial,sans-serif;font-size:13px !important}
.gist-meta a{color:#26a !important;text-decoration:none}
.gist-meta a:hover{color:#0e4071 !important}

caycefischer

body {
    font-size: 14px;
    line-height: 1.6;
    background-color: white;
    font: 13.34px helvetica,arial,freesans,clean,sans-serif;
    *font-size: small;
    color: black;
}

table {

caycefischer

Setting up Mac OSX Lion for Web Development

These are the steps I take to set up a new install of OSX Mountain Lion for web development.

---

1. Tweak some OS X "hacker defaults"

Run my fork of Mathias Bynens' legendary script:

caycefischer

# a script following this guide:
# http://coolestguyplanettech.com/downtown/install-and-configure-apache-mysql-php-and-phpmyadmin-osx-108-mountain-lion
# for enabling apache on OS X Mountain Lion

# ---

#start up apache
sudo apachectl start

# create ~/Sites

caycefischer

/**
 * Cash icon (c) Tunghsiao Liu
 */

.store {
  margin: 0 0 1.1em;
  line-height: 1.6;
  font-size: 28px;
  font-family: 'Helvetica Neue', sans-serif;