To reproduce the bug in columns.html.

acebal · acebal · commit 85d865069f2b · 2012-09-02T04:33:25.000+02:00
diff --git a/examples/columns.html b/examples/columns.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8" />
+	<title>ALMCSS3 - Columns</title>
+	<link rel="stylesheet" href="css/columns-base.css" type="text/css" />
+	<style>
+		
+		body {
+			grid: "aaa"
+					 "bcd";
+		}
+		
+		h1		{ flow: a; }
+		
+		#one 	{ flow: b; }
+		#two	{ flow: c; }
+		#three	{ flow: d; }
+
+
+        #one, #two, #three, h1 {
+            padding: 0.1em;
+        }
+
+			 
+	</style>
+    <script type="text/javascript" src="../js/almcss3/almcss.js"></script>
+</head>
+<body>
+	<h1>Columns</h1>
+	<div id='one'>
+		<h2>One</h2>
+	</div>
+	<div id='two'>
+		<h2>Two</h2>
+	</div>
+	<div id='three'>
+		<h2>Three</h2>
+	</div>
+</body>
+</html>
diff --git a/examples/css/columns-base.css b/examples/css/columns-base.css
@@ -0,0 +1,38 @@
+body {
+	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	font-size: 0.9em;
+	line-height: 1.4;
+	background: rgb(251, 251, 251);
+}
+
+/* Colors */
+
+h1 {
+	background: rgb(81, 81, 81);
+	color: white;
+}
+
+#one {
+	background:rgb(0, 180, 255);
+	color:  white;
+}
+
+#two {
+	background: rgb(255, 255, 255);
+	color: rgb(81, 81, 81);
+}
+
+#three {
+	background: rgb(238, 238, 238);
+	color: #101101;
+}
+
+/* Typography */
+
+h1 {
+	font-size: 3em;
+}
+
+h2 {
+	font-size: 2.2em;
+}
diff --git a/examples/index.html b/examples/index.html
