craigmdennis

{
	"Version": "2008-10-17",
	"Id": "S3PolicyId1",
	"Statement": [
		{
			"Sid": "IPAllow",
			"Effect": "Allow",
			"Principal": {
				"AWS": "*"
			},

craigmdennis

{
  "root": {
    "src": "./source",
    "dest": "./.tmp"
  },

  "tasks": {
    "browserSync": {
      "proxy": "http://localhost:4567",
      "reloadDelay" : 2000

craigmdennis

{
  "Version":"2008-10-17",
  "Statement":[{
    "Sid":"AllowPublicRead",
        "Effect":"Allow",
      "Principal": {
            "AWS": "*"
         },
      "Action":["s3:GetObject"],
      "Resource":["arn:aws:s3:::your-bucket-name/*"

craigmdennis

// ----
// libsass (v3.2.5)
// ----

$tablet: 'min-width 48em';
$upto-desktop: max-width 61.9375em;

.some-class {
  length: length( $tablet );
  length: length( $upto-desktop );

craigmdennis

// ----
// libsass (v3.2.5)
// ----

$tablet: 'min-width: 48em';
$desktop: 'min-width: 62em';
$upto-desktop: 'max-width: 61.9375em';

@mixin media( $breakpoint ) {
  @media screen and ( #{$breakpoint} ) {

craigmdennis

$btndarken: 5%;

// ("classname",
//    background-color, color, border,
//    :hover background-color, :hover color, :hover border)

// Each classname will be .btn.#{classsname}
$buttons: (
  ("-default",
    $white, $cape-cod, $alto),

craigmdennis

mixin loop( count )
  - var n = 0
  while n < count
    block
    - n++
    
// Usage
+loop(4)
  p Hello world!
  

craigmdennis

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$bp: (
  snoop: 320px,
  eminem: 30em,
  diddy: 37.5rem,
  dre: 768px,

craigmdennis

// .no-touch should be applied to the `html` or `body` elements with Modernizr or other script.

@mixin hover {
  .no-touch & {
    &:hover {
      @content;
    }
  }
}

craigmdennis

// Round $n to the nearest $m
@function roundUp($n, $m) {
  @return round(($n/$m))*$m;
}

// Get unitless values
@function parseInt($n) {
  @return $n / ($n * 0 + 1);
}