Skip to content

Instantly share code, notes, and snippets.

.product-listing {
@extend %group;
.product {
@include respond-to(36.25em) {
//580px
@include span-columns(8);
@include nth-omega(2n);
}
@include respond-to(47.5em) {
details:
- name: "Brady Duncan"
url: "brady-duncan"
title: "Secretary of Beer Defense"
bio: "Has a well rounded set of skills (the right brain) who also aggressively networks and enjoys promoting the brand."
favorite: "Happy Amber"
- name: "Jeff Hunt"
url: "jeff-hunt"
title: "Beer 'Can'nesseur"
bio: "Has a very deep understanding of the brewing process and the science behind the 'magic'"
<%= data.products.oils.categories.oil_filters.first[:category] %>
@procload
procload / hyatt.html
Created September 23, 2013 19:23
Hyatt responsive Book It/Review It stuff...
<style type="text/css">
.quick-book-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 60px;
border-top: 1px solid rgba(0,0,0,.6);
width: 100%;
z-index: 99999;
@function calc-em($target-px, $context) {
@return ($target-px / $context) * 1em;
}
THE FALLACY OF SUCCESS
There has appeared in our time a particular class of books and articles which I sincerely and solemnly think may be called the silliest ever known among men. They are much more wild than the wildest romances of chivalry and much more dull than the dullest religious tract. Moreover, the romances of chivalry were at least about chivalry; the religious tracts are about religion. But these things are about nothing; they are about what is called Success. On every bookstall, in every magazine, you may find works telling people how to succeed. They are books showing men how to succeed in everything; they are written by men who cannot even succeed in writing books. To begin with, of course, there is no such thing as Success. Or, if you like to put it so, there is nothing that is not successful. That a thing is successful merely means that it is; a millionaire is successful in being a millionaire and a donkey in being a donkey. Any live man has succeeded in living; any dead man may have succee
# Version 1
namespace :deploy do
desc "Build and deploy website to staging"
task :staging => [:build, :heroku_staging] do
end
desc "Build and deploy website to staging"
task :production => [:build, :heroku_production] do
end
end
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
@mixin respond-to($viewport-width, $ie-version: 'lt-ie9') {
@media only screen and (min-width: $viewport-width) {
@content;
}
@if $ie-version == 'lt-ie9' {
html.lt-ie9 & { // Using Paul Irish's conditional comments
@content;
}
}
@else if $ie-version == 'lt-ie8' {
.my-selector {
background: #000;
@include respond-to(45em) {
background: #FFF;
}
}