sugarenia

{
	// sexeh slow-blinking caret
  	"caret_style": "phase",
  	
  	// cleaning up after yourself
	"close_windows_when_empty": true,
	
	// ST theme of choice - https://github.com/thinkpixellab/flatland
	"theme": "Flatland.sublime-theme",
	

sugarenia

<button class="btn btn--primary">Primary button</button>

<button class="btn btn--secondary">Secondary button</button>

sugarenia

<p>This is text</p>
<p class="mt-small">This is text</p>
<p class="mt-medium">This is text</p>
<p class="mt-large">This is text</p>
<p class="mt-xlarge">This is text</p>

<hr />

<p class="mb-small">This is text</p>
<p class="mb-medium">This is text</p>

sugarenia

<ul class="theme theme--crisp">
  <li>#313340</li>
  <li>#f0f0e3</li>
  <li>#f9c27b</li>
  <li>#ef8531</li>
  <li>#f36519</li>
</ul>

<ul class="theme theme--funky">
  <li>#da0054</li>

sugarenia

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

/*
A slightly more automated approach to BEM modifier classes:
using '&' parent selector interpolation, modifiers extend their bases,
so that HTML markup requires only the modifier class not the base *and* modifier
*/

sugarenia

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

/*
A slightly more automated approach to BEM modifier classes:
using '&' parent selector interpolation, modifiers extend their bases,
so that HTML markup requires only the modifier class not the base *and* modifier
*/

sugarenia

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$breakpoints: (
  sm: 30em,
  med: 50em,
  lrg: 80em
);

sugarenia

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

// Easy-peasy  grids

$cols: 12;
$gutter: 1%;
$name: col;

sugarenia

<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 

sugarenia

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----

// Hacking made easy
// ---
// A couple of Sass functions
// To ease the pain of dealing
// With special values for IE