Backgrounds

Fullscreen (SCSS)

Fullscreen background use to some block element or <body>.

Scss code:@include background-fullscreen($imgPath);

@mixin background-fullscreen($imgPath) {
    background: {
        attachment: fixed;
        repeat: no-repeat;
        position: center center;
        image: url($imgPath);
    }
    @include background-size(cover);
}

Patterns (SCSS)

Pattern background use to some block element or <body>.

Scss code:@include background-patterns($imgPath);

@mixin background-patterns($imgPath) {
    background: {
        repeat: repeat;
        position: center center;
        image: url($imgPath);
    }
}

Patterns from Subtle

http://subtlepatterns.com/