azendal / elastic

A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily.

This URL has Read+Write access

Elastic 2.0 RC
fernando trasvina (author)
Tue Jun 23 12:28:25 -0700 2009
commit  a48b1f96e4364e224f86f35b068746dbd6790d0d
tree    6a91ccfd8f8e865ddc1d33ee1c7ba646ce808e8a
parent  7aa597848abe42c49564948a32d829b5756d63d5
elastic / doc / nesting.txt
100644 40 lines (31 sloc) 0.669 kb
raw blame history 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

Elastic 2.0 syntax
unit [full-height] [elastic-height]
columns [on-#] [same-height] [adaptive-#-#]
column [span-#] [final]
container [same-height] [full-height] [horizontal-center] [vertical-center] [center] [bottom]
* [full-width] [position-#] [display #]
                         |___________|
 
unit << columns
column << columns
 
Nesting options
columns
	column
		- put your content here -
 
columns
	container
		column
			- put your content here -
 
columns
	container
		column
			container
				- put your content here -
 
unit
	columns
 
unit
	container
		columns
 
Nesting Rules
	elastic-height
		container
 
View sources of demos to see examples and results of usage