frontendbeast

gulp.src([ '**/*.scss' ])
	.pipe( postcss([ autoprefixer({ browsers: '> 5% in my stats', stats: 'path/to/the/stats.json' }) ]) )
	.pipe(gulp.dest())

frontendbeast

var minifyCssOpts = {
    advanced: false,
    mediaMerging: false,
    processImport: false,
    roundingPrecision: 6
};

frontendbeast

[
    { "keys": ["super+b"], "command": "insert_snippet", "args": {"name": "Packages/User/bold.sublime-snippet"} },
    // Set context so shortcut works in HTML files only
    { "keys": ["super+b"], "command": "insert_snippet", "args": {"name": "Packages/User/bold.sublime-snippet"},"context":[{ "key": "selector", "operator": "equal", "operand": "text.html" }] }
]

frontendbeast

// ----
// libsass (v3.2.4)
// ----

.c-nav {
  $root: #{&};
  
  position: relative;
  
  &:before {

frontendbeast

// ----
// libsass (v3.2.4)
// ----

$namespace: c-nav;

.#{$namespace} {
  position: relative;

  &:before {

frontendbeast

// ----
// libsass (v3.2.4)
// ----

.c-nav {
  position: relative;

  &:before {
    content: 'Menu';
    display: inline-block;

frontendbeast

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

// Sass breakpoints with contextual rem calculations
// ===================================================================
// I'm using rems, and most of my elements will use be relative to the 
// base setting on the html element (e.g. p, ul, etc.), but some will 
// have specific sizes, which I want to set in pixels but convert via

frontendbeast

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

@function em_as_string($px-value) {
    $size: $px-value/ 16px;
    @return $size#{em};
}

frontendbeast

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

p {
  margin: 0;
  
  & + & {
    margin-bottom: 2rem;

frontendbeast

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.o-modal {
  background-color: rgba(#000, 0.5);
  color: rgba(white, 0.9);
}