aboutsummaryrefslogtreecommitdiffstats
path: root/_sass/_grid.scss
diff options
context:
space:
mode:
Diffstat (limited to '_sass/_grid.scss')
-rw-r--r--_sass/_grid.scss42
1 files changed, 42 insertions, 0 deletions
diff --git a/_sass/_grid.scss b/_sass/_grid.scss
new file mode 100644
index 0000000..da3e2d9
--- /dev/null
+++ b/_sass/_grid.scss
@@ -0,0 +1,42 @@
+// From http://www.responsivegridsystem.com/calculator/
+
+/* SECTIONS */
+.section {
+ clear: both;
+ padding: 0px;
+ margin: 0px;
+}
+
+/* COLUMN SETUP */
+.col {
+ display: block;
+ float:left;
+ margin: 1% 0 1% 1.6%;
+}
+.col:first-child { margin-left: 0; }
+
+/* GROUPING */
+.group:before,
+.group:after { content:""; display:table; }
+.group:after { clear:both;}
+.group { zoom:1; /* For IE 6/7 */ }
+
+/* GRID OF TWO */
+.span_2_of_2 {
+ width: 100%;
+}
+.span_1_of_2 {
+ width: 49.2%;
+}
+
+/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
+
+@media only screen and (max-width: 480px) {
+ .col {
+ margin: 1% 0 1% 0%;
+ }
+}
+
+@media only screen and (max-width: 480px) {
+ .span_2_of_2, .span_1_of_2 { width: 100%; }
+}