Merge pull request #33 from kni-labs/cover

add cover
kni-labs · Jul 15, 2016 · a87fc04 · a87fc04
2 parents cd17d02 + bdd6842
commit a87fc04
Show file tree

Hide file tree

Showing 5 changed files with 1,636 additions and 8 deletions.
diff --git a/.hound.yml b/.hound.yml
diff --git a/.pages b/.pages
diff --git a/knapsack/_layout.scss b/knapsack/_layout.scss
@@ -64,6 +64,25 @@
   }
 }
 
+//- Mixin: Cover
+///
+/// Useful shortcut for setting background size to cover
+///
+/// @param {variable} $x [center] - x position
+/// @param {variable} $y [center] - y position
+/// @group layout
+/// @example
+///   div.hero {
+///     @include cover(top, center);
+///   }
+
+@mixin cover($x: center, $y: center) {
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: $x $y;
+}
 //- Mixin: Full Page
 ///
 /// Create a responsive full page section with intelligent defaults.

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "knapsack",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A handy bag of sass utilities and mixins",
   "main": "knapsack/_index.scss",
   "repository": {