Skip to content

Instantly share code, notes, and snippets.

@procload
procload / Susy works.scss
Created March 27, 2013 19:51
This works...
.main-content {
@include container;
.content {
@extend %group;
}
.sidebar {
@include respond-to(47em) {
@include span-columns(3, 12);
}
} //sidebar
@procload
procload / TB Broke.scss
Created March 27, 2013 19:50
Cannot use the "@extend .spanN;" within a media query in this version and future version of Sass.
.main-content {
@extend %container-fluid;
.content {
@extend .row-fluid;
}
.sidebar {
@include respond-to(47em) {
float: left;
@extend .span3; // Cannot use this type of @extend within a media query
@procload
procload / susy.scss
Created March 27, 2013 19:47
Same idea, but with fewer style declarations.
.main-content {
@include container;
.content {
@extend %group;
}
.sidebar {
@include span-columns(3, 12);
} //sidebar
.main-article {
@include span-columns(8 omega, 12);
@procload
procload / Bootstrap Fluid Layout.scss
Last active December 15, 2015 11:59
The .row-fluid class creates a clearfix and allows the child elements with a span attached to them to become a percentage width. All fine and dandy, although a little bit more to write than Susy.
.main-content {
@extend %container-fluid;
.content {
@extend .row-fluid;
}
.sidebar {
float: left;
@extend .span3; // Cannot use this type of @extend within a media query
} //sidebar
<li class="entrepreneur <%= active_if_current_page?('/entrepreneurs') %>">
<%= link_to('Entrepeneurs', '/entrepeneurs') %>
</li>
<%= content_tag :li, link_to('Entrepeneurs', '/entrepeneurs'), class: 'entrepreneur' %>
Sent mail to [email protected] (30094ms)
Date: Mon, 18 Feb 2013 17:24:20 -0500
From: [email protected]
To: Ryan Merrill <[email protected]>
Message-ID: <5122aa14aad8f_4ec3ffa75434cd430484@Ryans-MacBook-Pro-3.local.mail>
Subject: [EBTH] Item Sample Item
Mime-Version: 1.0
Content-Type: multipart/alternative;
boundary="--==_mimepart_5122aa1496167_4ec3ffa75434cd43015";
charset=UTF-8
<div class="control-group string required disabled">
<label class="string required control-label" for="">
<abbr title="required">*</abbr>
Card Number
</label>
<div class="controls">
<input class="string required disabled" value="<%= current_payment_method.masked_number %>" disabled="disabled" id="" name="" size="50" type="text">
</div>
</div>
@procload
procload / gist:4665226
Last active December 11, 2015 21:49
Bill Maher's Monologue

America needs to show it's the home of the brave by acting like it. Did you know that the defense budget of the United States is bigger than the defense budgets of the next 13 countries combined? Most of whom are allies and none of whom are enemies.

So, let me ask you, if a guy on your block was so frightened of mostly non-existent prowlers that he spent all his resources on alarm systems and guns and cameras, so much so that he didn't even have enough money left to maintain his home or send his kids to college, would you call him "brave?"

Well...tonight, I'd like to take a few minutes to try and answer that question and find out just how we became such a nation of d**kless, armchair warriors. Starting with the story of the football hero who last night attempted to explain himself to Katie Couric, and even after years of taking vicious hits to the head, still answered her questions better than Sarah Palin did.

But, what puzzles me is not the scandal of whether he lied, but the relationship itself. Oh, sure

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style>
a {
border-radius: 3px;
display: inline-block;
background: #000;
color: #FFF;
<style>
a {
border-radius: 3px;
display: inline-block;
background: #000;
color: #FFF;
}
</style>
<a href="#">This is my button</a>