github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adds reference for CSS Regions.

Browse Source
This commit is contained in:
Rachel Nabors 2012-05-01 00:13:48 -04:00
parent 55d9176b44
commit a5c8858d27
3 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
doc-src/content/examples/compass/css3/regions/markup.haml
View File

@ -2,6 +2,6 @@
%p %p
This is the source material This is the source material
.target .new-container
%p %p
This is the target location This is the target location

8
doc-src/content/examples/compass/css3/regions/stylesheet.sass
View File

@ -2,16 +2,12 @@
.source .source
+flow-into(target) +flow-into(target)
.target
+flow-from(source)
.source
border: 10px solid green border: 10px solid green
margin: 20px margin: 20px
width: 200px width: 200px
.target .new-container
+flow-from(target)
border: 10px solid red border: 10px solid red
margin: 20px margin: 20px
width: 200px width: 200px

15
doc-src/content/reference/compass/css3/regions.haml Normal file
View File

@ -0,0 +1,15 @@
---
title: Compass CSS Regions
crumb: CSS Regions
framework: compass
stylesheet: compass/css3/_regions.scss
meta_description: Specify CSS Regions for supported browsers.
layout: core
classnames:
- reference
- core
- css3
---
- render 'reference' do
%p
Provides a mixin for the CSS regions, properties which allow you to flow content into new containers. See <a href="http://dev.w3.org/csswg/css3-regions/">the spec draft</a> and <a href="http://labs.adobe.com/technologies/cssregions/">Adobe's page on the topic</a>.