Skip to content

Instantly share code, notes, and snippets.

<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>
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
<li class="entrepreneur <%= active_if_current_page?('/entrepreneurs') %>">
<%= link_to('Entrepeneurs', '/entrepeneurs') %>
</li>
<%= content_tag :li, link_to('Entrepeneurs', '/entrepeneurs'), class: 'entrepreneur' %>
@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
@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 / 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 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
Uncaught Error: Syntax error, unrecognized expression: <div id="ample-assets"><div class="background"> <a href="#" class="collapse">Close</a> <div class="container"> <div id="ample-assets-tabs" class="tabs"> <div class="asset-refresh"></div> <div class="asset-search"> <input type="text" id="asset-search" name="q" placeholder="Enter keywords..." /> <label for="asset-search">Search</label> </div> <a href="#" data-role="recent-assets" class="tab first-child">Recently Viewed</a><a href="#" data-role="image-assets" class="tab ">Images</a><a href="#" data-role="document-assets" class="tab ">Documents</a><a href="#" data-role="upload" class="tab ">Upload</a> <a href="#" data-role="asset-search-results" class="tab asset-results">Results</a> <span class="asset-loading"></span> </div> <div id="ample-assets-pages" class="pages"> <div id="recent-assets" class="page"> <ul></ul> </div> <div id=
.about-page {
h1 {
color: $white;
font-size: calc-em(32px);
line-height: calc-em(24px, 32px);
} //h1
.content-block { background: $black; } //content-block
} //about-page
// Global
// --------------------------------------------------
body {
background: $bodyBackground image-url('backgrounds/bg-page.png') repeat;
color: $textColor;
line-height: 1.5;
font-size: 100%;
font-family: $baseFontFamily;
} //body