Adds examples for css regions.
This commit is contained in:
parent
451046848c
commit
23e1155ad6
8
doc-src/content/examples/compass/css3/regions.haml
Normal file
8
doc-src/content/examples/compass/css3/regions.haml
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
title: CSS Regions
|
||||||
|
description: css3 mixin for css regions
|
||||||
|
framework: compass
|
||||||
|
stylesheet: compass/css3/_regions.scss
|
||||||
|
example: true
|
||||||
|
---
|
||||||
|
= render "partials/example"
|
@ -0,0 +1,7 @@
|
|||||||
|
.source
|
||||||
|
%p
|
||||||
|
This is the source material
|
||||||
|
|
||||||
|
.target
|
||||||
|
%p
|
||||||
|
This is the target location
|
@ -0,0 +1,17 @@
|
|||||||
|
@import compass/css3
|
||||||
|
|
||||||
|
.source
|
||||||
|
+flow-into(target)
|
||||||
|
|
||||||
|
.target
|
||||||
|
+flow-from(source)
|
||||||
|
|
||||||
|
.source
|
||||||
|
border: 10px solid green
|
||||||
|
margin: 20px
|
||||||
|
width: 200px
|
||||||
|
|
||||||
|
.target
|
||||||
|
border: 10px solid red
|
||||||
|
margin: 20px
|
||||||
|
width: 200px
|
Loading…
Reference in New Issue
Block a user