SCSS Skelly Boilerplate

bower.json

{
  "dependencies": {
    "skelly": "git://github.com/sdougbrown/skelly-scss.git"
  }
}

main.scss

@import 'vars';
@import '../../bower_components/skelly/scss/skelly';

vars.scss

// Core Variables

$screen-xs: 44rem;
$screen-sm: 66rem;
$screen-md: 88rem;
$screen-lg: 100rem;
$screen-xl: 120rem;

$bp-xs: $screen-xs;
$bp-sm: $screen-sm;
$bp-md: $screen-md;
$bp-lg: $screen-lg;
$bp-xl: $screen-xl;

$main-bg: #f7f7f7;
$main-color: #444;
$main-padding: 20px;
$main-border-color: #c2c2c2;
$main-sub-color: #969696;

$base-font-color: $main-color;
$base-spacing-unit: $main-padding;

$input-height: ($main-padding * 2);
$input-padding: 0 ($main-padding / 2);


// Misc Skelly Settings
$grid-float: false;