From 1c7cd53d9246fd28e16e7d101364683f88deab0e Mon Sep 17 00:00:00 2001 From: David Hemphill Date: Tue, 31 Oct 2017 14:34:36 -0500 Subject: [PATCH] background size and position docs --- docs/source/docs/background-position.blade.md | 69 +++++++++++++++++-- docs/source/docs/background-size.blade.md | 34 +++++++-- 2 files changed, 95 insertions(+), 8 deletions(-) diff --git a/docs/source/docs/background-position.blade.md b/docs/source/docs/background-position.blade.md index add803f97..5aef02995 100644 --- a/docs/source/docs/background-position.blade.md +++ b/docs/source/docs/background-position.blade.md @@ -5,9 +5,70 @@ title: "Background Position" # Background Position -
- Usage - Responsive - Customizing +
+ Utilities for setting the initial position of a background image
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClassPropertiesDescription
.bg-bottombackground-position: bottomPlace the background image on the bottom edge
.bg-centerbackground-position: centerPlace the background image in the center
.bg-leftbackground-position: leftPlace the background image on the left edge
.bg-left-bottombackground-position: left bottomPlace the background image on the left bottom edge
.bg-left-topbackground-position: left topPlace the background image on the left top edge
.bg-rightbackground-position: rightPlace the background image on the right edge
.bg-right-bottombackground-position: right bottomPlace the background image on the right bottom edge
.bg-right-topbackground-position: right topPlace the background image on the right top edge
.bg-topbackground-position: topPlace the background image on the top edge
+
diff --git a/docs/source/docs/background-size.blade.md b/docs/source/docs/background-size.blade.md index 08f7e77d1..3cec6a29f 100644 --- a/docs/source/docs/background-size.blade.md +++ b/docs/source/docs/background-size.blade.md @@ -5,9 +5,35 @@ title: "Background Size" # Background Size -
- Usage - Responsive - Customizing +
+ Utilities for setting the background size of an element's background image
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
ClassPropertiesDescription
.bg-coverbackground-position: coverScale the image until it fills the background layer
.bg-containbackground-position: containScale the image to the outer edges without cropping or stretching
+