A Pen by sheriffderek.

Basic:-setup.markdown

Basic: setup

A Pen by sheriffderek on CodePen.

License.

style.scss

@import "compass";
// $colors
$white: #efefef;
$black: #222;

$gray: #eaeaea;
$gray-light: lighten($gray, 5%);
$gray-dark: darken($gray, 15%);

$color: #f06;
$color-light: lighten($color, 20%);
$color-dark: darken($color, 10%);

$highlight: lightblue;
$highlight-light: lighten($highlight, 15%);
$highlight-dark: darken($highlight, 20%);

$texture-light: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4543/rice-paper.png');
$texture-dark: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4543/dark_Tire.png');

// $padding
$padding: 1em; // 
$gutter: $padding;

$trim-width: 50em;

// $borders
$line: 1px;



// $break points
$thing: 15em; // trying this new "thing"

@mixin bp($point) {
  @if $point == m {
    @media (min-width: $thing*2) { @content; }
  }
  @else if $point == l {
    @media (min-width: $thing*3) { @content; }
  }
  @else if $point == xl {
    @media (min-width: $thing*4) { @content; }
  }
} // end break-points