Skip to content

Instantly share code, notes, and snippets.

View jdsteinbach's full-sized avatar
💭
💻

James Steinbach jdsteinbach

💭
💻
View GitHub Profile
@jdsteinbach
jdsteinbach / SassMeister-input.scss
Last active August 28, 2015 21:39
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
@import "susy";
@import "breakpoint";
$susy: (
columns: 1 1,
gutters: 1/32,
@jdsteinbach
jdsteinbach / SassMeister-input-HTML.html
Created February 10, 2014 20:55
Generated by SassMeister.com.
<h1 class="page-title">Page Title</h1>
@jdsteinbach
jdsteinbach / SassMeister-input.scss
Created February 11, 2014 21:02
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----
//Service Group Colours
$srv-grp-colors: #542989, #0079c2, #50b948, #a41984;
@mixin service-group($color) {
h1, .lead {
@jdsteinbach
jdsteinbach / SassMeister-input-HTML.html
Created March 14, 2014 14:26
Generated by SassMeister.com.
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si qua in iis corrigere voluit, deteriora fecit. Est enim effectrix multarum et magnarum voluptatum. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Tubulum fuisse, qua illum, cuius is condemnatus est rogatione, P. Duo Reges: constructio interrete. Si verbum sequimur, primum longius verbum praepositum quam bonum. Istam voluptatem perpetuam quis potest praestare sapienti? </p>
<p>Fortemne possumus dicere eundem illum Torquatum? Utram tandem linguam nescio? Consequens enim est et post oritur, ut dixi. Nam illud vehementer repugnat, eundem beatum esse et multis malis oppressum. </p>
<p>Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Deinde disputat, quod cuiusque generis animantium statui deceat extremum. Atqui haec patefactio quasi rerum opertarum, cum quid quidque sit aperitur, definitio est. Res tota, Torquate, non doctorum hominum, velle post mortem epulis celebrari memoriam
@jdsteinbach
jdsteinbach / SassMeister-input.scss
Created March 21, 2014 18:21
Generated by SassMeister.com.
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// ----
$fsizes: (
p-smallest: 16,
p-small: 18,
p: 22,
subheading: 24,
@jdsteinbach
jdsteinbach / SassMeister-input-HTML.html
Created March 27, 2014 15:01
Generated by SassMeister.com.
a
@jdsteinbach
jdsteinbach / SassMeister-input.scss
Created April 14, 2014 17:17
Generated by SassMeister.com.
// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----
$type-scale: 1.345;
$site-base: 26;
$base-font: 26;
$font-sizes: (
sm: 0,
@jdsteinbach
jdsteinbach / SassMeister-input.scss
Created April 21, 2014 13:32
Generated by SassMeister.com.
// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----
$zindex: (
header: 1000,
modal: 2000,
modal-buttons: 2500
);
@jdsteinbach
jdsteinbach / SassMeister-input.scss
Created May 2, 2014 15:09
Generated by SassMeister.com.
// ----
// Sass (v3.3.6)
// Compass (v1.0.0.alpha.18)
// ----
/*
My idea here is that I could create a %grid placeholder,
extend it with BEM/OOCSS-ish classes, then get the specific
CSS "sub-classes" I need from the placeholder. IOW, I want
.x{@extend %grid} to create .x-item & .x-item-title too.
@jdsteinbach
jdsteinbach / SassMeister-input.scss
Created May 2, 2014 15:49
Generated by SassMeister.com.
// ----
// Sass (v3.3.6)
// Compass (v1.0.0.alpha.18)
// ----
/* You can do this with 3.2 & down: */
.parent {
text-align: center;
.child {
text-align: left;