Refs #2317 pulled a few sections of CSS out to try out granular CSS

git-svn-id: http://code.elgg.org/elgg/trunk@7491 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 41 insertions, 0 deletions

diff --git a/views/default/css/components/grid.php b/views/default/css/components/grid.php
new file mode 100644
index 000000000..d990a34ed
--- /dev/null
+++ b/views/default/css/components/grid.php
@@ -0,0 +1,41 @@
+<?php
+/**
+ * CSS grid
+ *
+ * @package Elgg.Core
+ * @subpackage UI
+ */
+?>
+/* ***************************************
+	GRID
+*************************************** */
+.elgg-col-1of1 {
+	float: none;
+}
+.elgg-col-1of2 {
+	width: 50%;
+}
+.elgg-col-1of3 {
+	width: 33.3%;
+}
+.elgg-col-2of3 {
+	width: 66.6%;
+}
+.elgg-col-1of4 {
+	width: 25%;
+}
+.elgg-col-3of4 {
+	width: 75%;
+}
+.elgg-col-1of5 {
+	width: 20%;
+}
+.elgg-col-2of5 {
+	width: 40%;
+}
+.elgg-col-3of5 {
+	width: 60%;
+}
+.elgg-col-4of5 {
+	width: 80%;
+}