Initial Commit - Fluid Grid Equation only

paulmist · Jul 21, 2011 · 64a14a0 · 64a14a0
commit 64a14a0
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+	<head>
+		<title></title>
+		<link href="styles.css" media="screen" rel="stylesheet" type="text/css" />
+	</head>
+	<body>
+		<h1>Test</h1>
+		<div id="box">Box</div>
+	</body>
+</html>
diff --git a/responsive.css b/responsive.css
@@ -0,0 +1,3 @@
+/*
+Responsive Less
+*/
diff --git a/responsive.less b/responsive.less
@@ -0,0 +1,9 @@
+/*
+Responsive Less
+*/
+
+.flex(@target: 100px, @context:100px){
+	@w: (@target/@context)*100;
+	@ww: ~`@{w}.toFixed(2) + "%"`;
+	width: @ww;
+}
diff --git a/styles.css b/styles.css
@@ -0,0 +1,11 @@
+/*
+Responsive Less
+*/
+h1 {
+  border: 1px solid red;
+  color: red;
+}
+#box {
+  width: 1.04%;
+  background: #ccc;
+}
diff --git a/styles.less b/styles.less
@@ -0,0 +1,11 @@
+@import 'responsive.less';
+
+h1{
+	border: 1px solid red;
+	color: red;
+}
+
+#box{
+	.flex(10, 960);
+	background: #ccc;
+}