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