diff --git a/doc-src/content/examples/compass/css3/background-clip.haml b/doc-src/content/examples/compass/css3/background-clip.haml index 8e792d93..bf9ea82c 100644 --- a/doc-src/content/examples/compass/css3/background-clip.haml +++ b/doc-src/content/examples/compass/css3/background-clip.haml @@ -1,6 +1,6 @@ --- title: Background Clip -description: Background Clip In Action +description: See background-clip in action. framework: compass stylesheet: compass/css3/_background_clip.sass example: true diff --git a/doc-src/content/examples/compass/css3/background-origin.haml b/doc-src/content/examples/compass/css3/background-origin.haml index 602e5c00..a36050c1 100644 --- a/doc-src/content/examples/compass/css3/background-origin.haml +++ b/doc-src/content/examples/compass/css3/background-origin.haml @@ -1,6 +1,6 @@ --- title: Background Origin -description: See background origin in action. +description: See background-origin in action. framework: compass stylesheet: compass/css3/_background_origin.sass example: true diff --git a/doc-src/content/examples/compass/css3/background-size.haml b/doc-src/content/examples/compass/css3/background-size.haml new file mode 100644 index 00000000..3be34dd5 --- /dev/null +++ b/doc-src/content/examples/compass/css3/background-size.haml @@ -0,0 +1,8 @@ +--- +title: Background Size +description: See background-size in action. +framework: compass +stylesheet: compass/css3/_background_size.sass +example: true +--- += render "partials/example" diff --git a/doc-src/content/examples/compass/css3/background-size/markup.haml b/doc-src/content/examples/compass/css3/background-size/markup.haml new file mode 100644 index 00000000..e851e84c --- /dev/null +++ b/doc-src/content/examples/compass/css3/background-size/markup.haml @@ -0,0 +1,11 @@ +.example + #auto + %code background-size: auto + #contain + %code background-size: contain + #cover + %code background-size: cover + #percent + %code background-size: 50% 50% + #absolute + %code background-size: 100px 25px \ No newline at end of file diff --git a/doc-src/content/examples/compass/css3/background-size/stylesheet.sass b/doc-src/content/examples/compass/css3/background-size/stylesheet.sass new file mode 100644 index 00000000..1bd7a447 --- /dev/null +++ b/doc-src/content/examples/compass/css3/background-size/stylesheet.sass @@ -0,0 +1,25 @@ +@import compass/css3 + +.example + padding: 2em + div + background: + image= image-url("examples/css3/bg-origin/bg.png") + repeat: no-repeat + position: top left + border: 10px solid rgba(255, 0, 0, 0.5) + color: black + +text-shadow(#fff, 1px, 1px, 4px) + padding: 1em + text-align: center + margin-bottom: 2em + #auto + +background-size("auto") + #contain + +background-size("contain") + #cover + +background-size("cover") + #percent + +background-size("50% 50%") + #absolute + +background-size("100px 25px") \ No newline at end of file diff --git a/doc-src/content/reference/compass/css3/background_size.haml b/doc-src/content/reference/compass/css3/background_size.haml index a68c2e8f..12c79119 100644 --- a/doc-src/content/reference/compass/css3/background_size.haml +++ b/doc-src/content/reference/compass/css3/background_size.haml @@ -9,4 +9,4 @@ classnames: --- - render 'reference' do %p - This mixin provides . See CSS3 spec: background-size. + This mixin provides cross browser access to the CSS3 background-size attribute using supported vendor prefixes. See CSS3 spec: background-size.