Permalink
Browse files

Done with LESS, this is LESS helpful than other frameworks.

  • Loading branch information...
1 parent b80ec12 commit 4045b28af0dd64b53cd1b4e12c95e694678e1f3c Leo Picado committed Sep 7, 2011
View
@@ -23,46 +23,19 @@
</component>
<component name="FileEditorManager">
<leaf>
- <file leaf-file-name="1140px.html" pinned="false" current="false" current-in-tab="false">
- <entry file="file://$PROJECT_DIR$/1140px.html">
+ <file leaf-file-name="less.html" pinned="false" current="true" current-in-tab="true">
+ <entry file="file://$PROJECT_DIR$/less.html">
<provider selected="true" editor-type-id="text-editor">
- <state line="51" column="26" selection-start="2953" selection-end="2953" vertical-scroll-proportion="-12.896552">
+ <state line="19" column="33" selection-start="1135" selection-end="1135" vertical-scroll-proportion="-1.4213836">
<folding />
</state>
</provider>
</entry>
</file>
- <file leaf-file-name="goldenGridLayout.html" pinned="false" current="true" current-in-tab="true">
- <entry file="file://$PROJECT_DIR$/goldenGridLayout.html">
+ <file leaf-file-name="blueprint.html" pinned="false" current="false" current-in-tab="false">
+ <entry file="file://$PROJECT_DIR$/blueprint.html">
<provider selected="true" editor-type-id="text-editor">
- <state line="68" column="21" selection-start="3731" selection-end="3731" vertical-scroll-proportion="0.7924528">
- <folding />
- </state>
- </provider>
- </entry>
- </file>
- <file leaf-file-name="960.html" pinned="false" current="false" current-in-tab="false">
- <entry file="file://$PROJECT_DIR$/960.html">
- <provider selected="true" editor-type-id="text-editor">
- <state line="38" column="12" selection-start="2509" selection-end="2571" vertical-scroll-proportion="-12.655172">
- <folding />
- </state>
- </provider>
- </entry>
- </file>
- <file leaf-file-name="layout.css" pinned="false" current="false" current-in-tab="false">
- <entry file="file://$PROJECT_DIR$/andytlr-cssgrid-3ddcd9f/css/layout.css">
- <provider selected="true" editor-type-id="text-editor">
- <state line="0" column="0" selection-start="0" selection-end="0" vertical-scroll-proportion="0.0">
- <folding />
- </state>
- </provider>
- </entry>
- </file>
- <file leaf-file-name="1140.css" pinned="false" current="false" current-in-tab="false">
- <entry file="file://$PROJECT_DIR$/andytlr-cssgrid-3ddcd9f/css/1140.css">
- <provider selected="true" editor-type-id="text-editor">
- <state line="19" column="67" selection-start="750" selection-end="758" vertical-scroll-proportion="0.0">
+ <state line="42" column="0" selection-start="2620" selection-end="2863" vertical-scroll-proportion="-12.034483">
<folding />
</state>
</provider>
@@ -84,6 +57,9 @@
<option value="$PROJECT_DIR$/jonikorpi-Golden-Grid-System-e7c679c/GGS.html" />
<option value="$PROJECT_DIR$/110px.html" />
<option value="$PROJECT_DIR$/goldenGridLayout.html" />
+ <option value="$PROJECT_DIR$/README.md" />
+ <option value="$PROJECT_DIR$/andytlr-cssgrid-3ddcd9f/css/1140.css" />
+ <option value="$PROJECT_DIR$/less.html" />
</list>
</option>
</component>
@@ -201,21 +177,21 @@
</component>
<component name="ToolWindowManager">
<frame x="-8" y="10" width="1456" height="858" extended-state="6" />
- <editor active="true" />
+ <editor active="false" />
<layout>
<window_info id="Changes" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
<window_info id="Phing Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
<window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+ <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32907802" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="true" content_ui="tabs" />
<window_info id="Dependency Viewer" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
- <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.20674802" sideWeight="0.0" order="0" side_tool="false" content_ui="tabs" />
+ <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.20674802" sideWeight="0.670922" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
<window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
<window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
<window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
<window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
- <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="DB Browser" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
<window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
@@ -275,11 +251,6 @@
<state line="366" column="0" selection-start="6143" selection-end="6143" vertical-scroll-proportion="0.8206522" />
</provider>
</entry>
- <entry file="file://$PROJECT_DIR$/blueprint.html">
- <provider selected="true" editor-type-id="text-editor">
- <state line="33" column="10" selection-start="0" selection-end="3756" vertical-scroll-proportion="0.12680115" />
- </provider>
- </entry>
<entry file="file://$PROJECT_DIR$/stackLayout.html">
<provider selected="true" editor-type-id="text-editor">
<state line="7" column="31" selection-start="463" selection-end="463" vertical-scroll-proportion="0.22190201" />
@@ -290,33 +261,86 @@
<state line="19" column="7" selection-start="1212" selection-end="1212" vertical-scroll-proportion="0.6023055" />
</provider>
</entry>
+ <entry file="file://$PROJECT_DIR$/README.md">
+ <provider selected="true" editor-type-id="text-editor">
+ <state line="10" column="10" selection-start="173" selection-end="173" vertical-scroll-proportion="0.32448378">
+ <folding />
+ </state>
+ </provider>
+ </entry>
+ <entry file="file://$PROJECT_DIR$/goldenGridLayout.html">
+ <provider selected="true" editor-type-id="text-editor">
+ <state line="48" column="14" selection-start="2444" selection-end="2444" vertical-scroll-proportion="1.6603774">
+ <folding />
+ </state>
+ </provider>
+ </entry>
<entry file="file://$PROJECT_DIR$/andytlr-cssgrid-3ddcd9f/css/layout.css">
<provider selected="true" editor-type-id="text-editor">
- <state line="0" column="0" selection-start="0" selection-end="0" vertical-scroll-proportion="0.0" />
+ <state line="16" column="0" selection-start="79" selection-end="168" vertical-scroll-proportion="0.5293233">
+ <folding />
+ </state>
+ </provider>
+ </entry>
+ <entry file="file://$PROJECT_DIR$/andytlr-cssgrid-3ddcd9f/index.html">
+ <provider selected="true" editor-type-id="text-editor">
+ <state line="9" column="28" selection-start="228" selection-end="228" vertical-scroll-proportion="0.30508474">
+ <folding />
+ </state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/andytlr-cssgrid-3ddcd9f/css/1140.css">
<provider selected="true" editor-type-id="text-editor">
- <state line="19" column="67" selection-start="750" selection-end="758" vertical-scroll-proportion="0.0" />
+ <state line="27" column="4" selection-start="869" selection-end="869" vertical-scroll-proportion="0.0">
+ <folding />
+ </state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/1140px.html">
<provider selected="true" editor-type-id="text-editor">
- <state line="51" column="26" selection-start="2953" selection-end="2953" vertical-scroll-proportion="-12.896552">
+ <state line="17" column="12" selection-start="1136" selection-end="1136" vertical-scroll-proportion="34.896553">
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/960.html">
<provider selected="true" editor-type-id="text-editor">
- <state line="38" column="12" selection-start="2509" selection-end="2571" vertical-scroll-proportion="-12.655172">
+ <state line="8" column="11" selection-start="543" selection-end="543" vertical-scroll-proportion="-6.0689654">
<folding />
</state>
</provider>
</entry>
- <entry file="file://$PROJECT_DIR$/goldenGridLayout.html">
+ <entry file="file://$PROJECT_DIR$/jonikorpi-Less-Framework-d3d7877/README.markdown">
+ <provider selected="true" editor-type-id="text-editor">
+ <state line="0" column="0" selection-start="0" selection-end="0" vertical-scroll-proportion="0.0">
+ <folding />
+ </state>
+ </provider>
+ </entry>
+ <entry file="file://$PROJECT_DIR$/jonikorpi-Less-Framework-d3d7877/main-16px.css">
+ <provider selected="true" editor-type-id="text-editor">
+ <state line="89" column="4" selection-start="1899" selection-end="1912" vertical-scroll-proportion="0.0">
+ <folding />
+ </state>
+ </provider>
+ </entry>
+ <entry file="file://$PROJECT_DIR$/jonikorpi-Less-Framework-d3d7877/main.html">
+ <provider selected="true" editor-type-id="text-editor">
+ <state line="13" column="8" selection-start="329" selection-end="329" vertical-scroll-proportion="0.44968554">
+ <folding />
+ </state>
+ </provider>
+ </entry>
+ <entry file="file://$PROJECT_DIR$/blueprint.html">
+ <provider selected="true" editor-type-id="text-editor">
+ <state line="42" column="0" selection-start="2620" selection-end="2863" vertical-scroll-proportion="-12.034483">
+ <folding />
+ </state>
+ </provider>
+ </entry>
+ <entry file="file://$PROJECT_DIR$/less.html">
<provider selected="true" editor-type-id="text-editor">
- <state line="68" column="21" selection-start="3731" selection-end="3731" vertical-scroll-proportion="0.7924528">
+ <state line="19" column="33" selection-start="1135" selection-end="1135" vertical-scroll-proportion="-1.4213836">
<folding />
</state>
</provider>
View
0 README
No changes.
View
@@ -0,0 +1,11 @@
+Grid Comparison
+==
+
+Comparing Grid Frameworks using a simple layout, the contenders are:
+- 960.gs
+- Blueprint-css
+- YAML
+- StackLayout
+- GoldenGridSystem
+- 1140px
+- inuitcss
@@ -25,7 +25,7 @@ float: left;
.onecol {
width: 4.85%;
}
-
+
.twocol {
width: 13.5%;
}
View
@@ -14,9 +14,6 @@
.header { background: rgba(200,200,200,0.75); overflow: auto;}
.sidebar { background: rgba(100,100,100,0.75); }
.main { background: rgba(150,150,150,0.75); }
- /*footer .grid_2 ul { margin: 0; border-right: 1px solid #fff; }
- footer .grid_2 ul li { list-style-type: none; margin: 0; text-transform: capitalize; }
- footer .grid_2 ul li:first-child { color:red; font-weight: bold; text-transform: lowercase; }*/
footer { clear: both; background: rgba(0,0,0,0.75); color: #fff; margin: 0 27.7778%; overflow: auto;}
</style>
</head>
@@ -64,9 +61,6 @@ <h1>footer</h1>
<div class="wrapper">
<h2>1</h2>
</div>
- <!--<div class="wrapper">
- </h2>2</h2>
- </div>-->
</footer>
</div>
</body>
@@ -0,0 +1,20 @@
+Less Framework is a CSS grid system for designing adaptive web sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.
+
+For more information, visit http://lessframework.com/
+
+# Differences to the version at lessframework.com
+
+The [configurable version](http://lessframework.com/) lets you choose between three sets of type presets, as well as lets you add an optional Retina media query and the [http://code.google.com/p/html5shim/](HTML5 Shim). In this version, the type presets have been split into three versions of the main CSS file, all of which also include the Retina media query. The HTML5 Shim is not included.
+
+# Included files
+
+- main.html: Required HTML
+- main-16px.css: Required CSS with type presets based on a font-size of 16px at a line-height of 24px
+- main-17px.css: Same as above, but based on a font-size of 17px
+- main-18px.css: Same as above, but based on a font-size of 18px
+
+# Usage
+
+Solid knowledge of HTML and CSS is recommended. You'll find the dimensions for each layout noted down in comments within the CSS files.
+
+Less Framework is licensed under MIT: http://opensource.org/licenses/mit-license.php
Oops, something went wrong.

0 comments on commit 4045b28

Please sign in to comment.