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

<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

<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

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

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

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",