From bb91d7b7a6927f9084afa7f64408e592f74f834c Mon Sep 17 00:00:00 2001 From: Stuart Colville Date: Mon, 17 Sep 2012 18:17:16 +0100 Subject: [PATCH] update index.html example page --- index.html | 86 ++++++++++++++++++++++++------------------------------ 1 file changed, 38 insertions(+), 48 deletions(-) diff --git a/index.html b/index.html index aa93dd5..a48b65d 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ -
-

Griddles

-
-

Standard Examples

+
+
+

Griddles

+
+

Standard Examples

-

Here's a selection of the standard classes applied to create various divisions of content

-
-
.g-33
-
.g-33
-
.g-33
-
.g-33
-
.g-66
-
.g-10
-
.g-20
-
.g-30
-
.g-40
+

Here's a selection of the standard classes applied to create various divisions of content

+
+
.g-33
+
.g-33
+
.g-33
+
.g-33
+
.g-66
+
.g-10
+
.g-20
+
.g-30
+
.g-40
-
.g-50
-
.g-50
+
.g-50
+
.g-50
-
.g-40
-
.g-60
+
.g-40
+
.g-60
-
.g-30
-
.g-70
+
.g-30
+
.g-70
-
.g-5
-
.g-95
+
.g-5
+
.g-95
-
.g-25
-
.g-25
-
.g-25
-
.g-25
- -
.g-10
-
.g-10
-
.g-10
-
.g-10
-
.g-10
-
.g-10
-
.g-10
-
.g-10
-
.g-10
-
.g-10
-
+
.g-25
+
.g-25
+
.g-25
+
.g-25
+
-

Break-point overrides

+

Break-point overrides

-

A common problem with responsive grids is knowing what will happen at a given breakpoint. To make this easier griddles provides classes to make it clear to the author what will happen at a given breakpoint

+

A common problem with responsive grids is knowing what will happen at a given breakpoint. To make this easier griddles provides classes to make it clear to the author what will happen at a given breakpoint

-
-
.g-25 s-g-50 .m-g-33
-
.g-25 s-g-50 .m-g-33
-
.g-25 s-g-50 .m-g-33
-
.g-25 s-g-50 .m-g-33
+
+
.g-25 .s-g-50 .m-g-33
+
.g-25 .s-g-50 .m-g-33
+
.g-25 .s-g-50 .m-g-33
+
.g-25 .s-g-50 .m-g-33
+
-