W3C home > Mailing lists > Public > public-css-commits@w3.org > January 2012

csswg/css3-flexbox/images flex-flow1.svg,NONE,1.1 flex-flow2.svg,NONE,1.1 flex-flow3.svg,NONE,1.1

From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
Date: Tue, 24 Jan 2012 23:36:17 +0000
To: public-css-commits@w3.org
Message-Id: <E1RppuT-0000CB-EZ@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-flexbox/images
In directory hutz:/tmp/cvs-serv700/images

Added Files:
	flex-flow1.svg flex-flow2.svg flex-flow3.svg 
Log Message:
Added pictures to the flex-flow example.

--- NEW FILE: flex-flow1.svg ---
<svg xmlns="http://www.w3.org/2000/svg" width='240' height='80'>
	<defs>
		<marker id="arrow"
			viewBox="0 0 10 10" refX="0" refY="5" 
			markerUnits="strokeWidth"
			markerWidth="4" markerHeight="3.5"
			orient="auto">
			<path d="M 0 0 L 10 5 L 0 10 z" fill='white' />
		</marker>
	</defs>
	<rect x='0' y='0' width='200' height='80' rx='20' ry='20' fill='#444' />
	<rect x='10' y='10' width='70' height='60' rx='10' ry='10' fill='#888' />
	<rect x='90' y='10' width='70' height='60' rx='10' ry='10' fill='#888' />
	<rect x='170' y='10' width='70' height='60' rx='10' ry='10' fill='#888' />
	<path d='M 15 40 h 130' stroke-width='3' stroke='white' marker-end='url(#arrow)' />
</svg>
--- NEW FILE: flex-flow2.svg ---
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width='170' height='200'>
	<defs>
		<marker id="arrow"
			viewBox="0 0 10 10" refX="0" refY="5" 
			markerUnits="strokeWidth"
			markerWidth="4" markerHeight="3.5"
			orient="auto">
			<path d="M 0 0 L 10 5 L 0 10 z" fill='white' />
		</marker>
		<linearGradient id='vertical-fade' x1='0' x2='0' y1='0' y2='1'>
			<stop offset='20%' stop-color='white' />
			<stop offset='80%' stop-color='transparent' />
		</linearGradient>
		<mask id='vertical-fade-mask' x='0' y='0' width='1' height='1'>
			<rect width='100%' height='100%' fill='url(#vertical-fade)' />
		</mask>
	</defs>
	<svg id='line' x='0' y='0' width='80' height='200'>
		<rect x='0' y='0' width='80' height='200' rx='20' ry='20' fill='#444' />
		<rect x='10' y='10' width='60' height='70' rx='10' ry='10' fill='#888' />
		<rect x='10' y='90' width='60' height='70' rx='10' ry='10' fill='#888' />
		<path d='M 40 15 v 130' stroke-width='3' stroke='white' marker-end='url(#arrow)' />
	</svg>
	<use x='90' y='0' xlink:href='#line' mask='url(#vertical-fade-mask)' />
</svg>
--- NEW FILE: flex-flow3.svg ---
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width='200' height='170'>
	<defs>
		<marker id="arrow"
			viewBox="0 0 10 10" refX="0" refY="5" 
			markerUnits="strokeWidth"
			markerWidth="4" markerHeight="3.5"
			orient="auto">
			<path d="M 0 0 L 10 5 L 0 10 z" fill='white' />
		</marker>
		<linearGradient id='fade' x1='1' x2='0' y1='0' y2='0'>
			<stop offset='20%' stop-color='white' />
			<stop offset='80%' stop-color='transparent' />
		</linearGradient>
		<mask id='fade-mask' x='0' y='0' width='1' height='1'>
			<rect width='100%' height='100%' fill='url(#fade)' />
		</mask>
	</defs>
	<svg id='line' x='0' y='90' width='200' height='80'>
		<rect x='0' y='0' width='200' height='80' rx='20' ry='20' fill='#444' />
		<rect x='120' y='10' width='70' height='60' rx='10' ry='10' fill='#888' />
		<rect x='40' y='10' width='70' height='60' rx='10' ry='10' fill='#888' />
		<path d='M 185 40 h -130' stroke-width='3' stroke='white' marker-end='url(#arrow)' />
	</svg>
	<use x='0' y='-90' width='200' height='80' xlink:href='#line' mask='url(#fade-mask)' />
</svg>
Received on Tuesday, 24 January 2012 23:36:19 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 20:44:49 UTC