csswg/css3-flexbox/images flex-order-page.svg,NONE,1.1

• From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
• Date: Thu, 19 Jan 2012 00:12:02 +0000
• To: public-css-commits@w3.org
• Message-Id: <E1Rnfbm-0000N4-UC@lionel-hutz.w3.org>

Update of /sources/public/csswg/css3-flexbox/images
In directory hutz:/tmp/cvs-serv1382/images

Added Files:
	flex-order-page.svg 
Log Message:
Add example to flex-order about column-reordering in page layout.

--- NEW FILE: flex-order-page.svg ---
<svg xmlns="http://www.w3.org/2000/svg" width='400' height='360' viewBox="0 0 500 400">
	<style>
		text {
			font-family: monospace;
			font-size: 24px;
			font-weight: bold;
			text-anchor: middle;
			fill: white;
		}
	</style>
	<rect x='0' y='0' width='500' height='400' rx='10' ry='10' fill='#444' />
	<g transform="translate(10 10)">
		<rect width='480' height='80' rx='10' ry='10' fill='#888' />
		<text x='240' y='50'>&lt;header&gt;</text>
	</g>
	<g transform="translate(10 310)">
		<rect width='480' height='80' rx='10' ry='10' fill='#888' />
		<text x='240' y='50'>&lt;footer&gt;</text>
	</g>
	<g transform="translate(10 100)">
		<rect width='100' height='200' rx='10' ry='10' fill='#888' />
		<text x='50' y='50'>&lt;nav&gt;</text>
	</g>
	<g transform="translate(120 100)">
		<rect width='260' height='200' rx='10' ry='10' fill='#888' />
		<text x='130' y='50'>&lt;article&gt;</text>
	</g>
	<g transform="translate(390 100)">
		<rect width='100' height='200' rx='10' ry='10' fill='#888' />
		<text x='50' y='50'>&lt;aside&gt;</text>
	</g>
</svg>

Received on Thursday, 19 January 2012 00:12:05 UTC