JawsomeJason

{
    "folders":
    [
        // add paths per directory you want to show
        {
            // relative paths to the root
            "path": ".",
            // optionally give it a different name
            // "name": "My Project",
            // possible folders to exclude

JawsomeJason

    
    "autoprefixer": "^6.4.1",
    "ember-browserify": "^1.1.13",
    "ember-cli-fastboot": "1.0.0-beta.9",
    "ember-cli-postcss": "3.0.4",
    "ember-cli-sass-pods": "1.3.0",
    "ember-link-action": "0.0.35",
    "ember-remarkable": "3.1.2",
    "ember-router-scroll": "git+ssh://[email protected]/thejase/ember-router-scroll.git#master",
    "eqcss": "^1.2.2",

JawsomeJason

////
/// A DRY but flexible pattern for defining and reusing Sass patterns.
/// Documentation in [SassDoc](http://sassdoc.com/) format
/// 
/// Instructions:
/// 1) Replace all instances of `hybrid-mixin` with a pattern name.
/// 2) Add rules for pattern in `__hybrid-mixin-rules` mixin.
/// 3) Remove or change @group below.
/// 4) Remove @author or change to you.
/// 5) The `@ignore` below should remain as a reference to this pattern.

JawsomeJason

// reset
* {
  &,
  &:before,
  &:after {
    font: inherit;
    // -webkit-font-smoothing: antialiased;
    // font-smoothing:antialiased;
    text-rendering:optimizeLegibility;

JawsomeJason

@list: apple, satsuma, banana, pear;

.loop(@index) when (@index <= length(@list)) {
    @item: extract(@list, @index);
    .fruit-@{item} {
        content: "Just a test.";
    }
    .loop(@index + 1);
}
.loop(1);

JawsomeJason

.gradient-overflow(@size: 24px, @color: white) {
  // content will scroll if not enough space
  overflow-y: auto;

  // add a sticky gradient to the top and bottom of content
  // it'll overlay over content if needed
  &:before,
  &:after {
    content: '';
    display: block;

JawsomeJason

• Place these in your Packages/User/Snippets folder
• Use any of them with their tab trigger value.
• call snippets using the first letter of each word plus the entire last word (e.g. rpch.. => react-proptypes-children.sublime-snippet

JawsomeJason

/**
 * super easy consistent spacing between all siblings
 *
 * usage:
 * // in main.less
 * :root {
 *   .consistent-spacing();
 * }
 *
 * // somewhere you want to apply 32px vertical spacing

JawsomeJason

/* 
 * Automatically applies spacing to all non-inline siblings 
 * Disable in an element with `--SPACING-ENABLED: 0;`.  Will automatically re-activate in children.  Good for Grid Layout gap control.
 * Change direction with `--SPACING-HORIZONTAL: 1`
 */

* {
  margin: 0;
  /* change this to 1 if you need to space it from it's previous sibling. */
  --SPACING-ENABLED: 0;

JawsomeJason

/* smallest reset ever */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  color: inherit;
  box-sizing: inherit;
}