Commit 1aeca545 authored by Jacob Thornton's avatar Jacob Thornton

new approach to grid with recursive mixins :D

parent 86159872
This diff is collapsed.
...@@ -148,77 +148,77 @@ a:hover { ...@@ -148,77 +148,77 @@ a:hover {
.navbar-fixed-bottom .container { .navbar-fixed-bottom .container {
width: 940px; width: 940px;
} }
.span1 { .span12 {
width: 60px; width: 940px;
}
.span2 {
width: 140px;
} }
.span3 { .span11 {
width: 220px; width: 860px;
} }
.span4 { .span10 {
width: 300px; width: 780px;
} }
.span5 { .span9 {
width: 380px; width: 700px;
} }
.span6 { .span8 {
width: 460px; width: 620px;
} }
.span7 { .span7 {
width: 540px; width: 540px;
} }
.span8 { .span6 {
width: 620px; width: 460px;
} }
.span9 { .span5 {
width: 700px; width: 380px;
} }
.span10 { .span4 {
width: 780px; width: 300px;
} }
.span11 { .span3 {
width: 860px; width: 220px;
} }
.span12 { .span2 {
width: 940px; width: 140px;
} }
.offset1 { .span1 {
margin-left: 100px; width: 60px;
} }
.offset2 { .offset12 {
margin-left: 180px; margin-left: 980px;
} }
.offset3 { .offset11 {
margin-left: 260px; margin-left: 900px;
} }
.offset4 { .offset10 {
margin-left: 340px; margin-left: 820px;
} }
.offset5 { .offset9 {
margin-left: 420px; margin-left: 740px;
} }
.offset6 { .offset8 {
margin-left: 500px; margin-left: 660px;
} }
.offset7 { .offset7 {
margin-left: 580px; margin-left: 580px;
} }
.offset8 { .offset6 {
margin-left: 660px; margin-left: 500px;
} }
.offset9 { .offset5 {
margin-left: 740px; margin-left: 420px;
} }
.offset10 { .offset4 {
margin-left: 820px; margin-left: 340px;
} }
.offset11 { .offset3 {
margin-left: 900px; margin-left: 260px;
} }
.offset12 { .offset2 {
margin-left: 980px; margin-left: 180px;
}
.offset1 {
margin-left: 100px;
} }
.row-fluid { .row-fluid {
width: 100%; width: 100%;
...@@ -239,41 +239,41 @@ a:hover { ...@@ -239,41 +239,41 @@ a:hover {
.row-fluid > [class*="span"]:first-child { .row-fluid > [class*="span"]:first-child {
margin-left: 0; margin-left: 0;
} }
.row-fluid > .span1 { .row-fluid > .span12 {
width: 6.382978723%; width: 99.99999998999999%;
}
.row-fluid > .span2 {
width: 14.89361702%;
} }
.row-fluid > .span3 { .row-fluid .span11 {
width: 23.404255317%; width: 91.489361693%;
} }
.row-fluid > .span4 { .row-fluid .span10 {
width: 31.914893614%; width: 82.97872339599999%;
} }
.row-fluid > .span5 { .row-fluid .span9 {
width: 40.425531911%; width: 74.468085099%;
} }
.row-fluid > .span6 { .row-fluid .span8 {
width: 48.93617020799999%; width: 65.95744680199999%;
} }
.row-fluid > .span7 { .row-fluid .span7 {
width: 57.446808505%; width: 57.446808505%;
} }
.row-fluid > .span8 { .row-fluid .span6 {
width: 65.95744680199999%; width: 48.93617020799999%;
} }
.row-fluid > .span9 { .row-fluid .span5 {
width: 74.468085099%; width: 40.425531911%;
} }
.row-fluid > .span10 { .row-fluid .span4 {
width: 82.97872339599999%; width: 31.914893614%;
} }
.row-fluid > .span11 { .row-fluid .span3 {
width: 91.489361693%; width: 23.404255317%;
} }
.row-fluid > .span12 { .row-fluid .span2 {
width: 99.99999998999999%; width: 14.89361702%;
}
.row-fluid .span1 {
width: 6.382978723%;
} }
.container { .container {
margin-left: auto; margin-left: auto;
...@@ -767,65 +767,65 @@ textarea, ...@@ -767,65 +767,65 @@ textarea,
.uneditable-input { .uneditable-input {
margin-left: 0; margin-left: 0;
} }
input > .span1, input > .span12,
textarea > .span1, textarea > .span12,
.uneditable-input > .span1 { .uneditable-input > .span12 {
width: 50px; width: 930px;
}
input > .span2,
textarea > .span2,
.uneditable-input > .span2 {
width: 130px;
} }
input > .span3, input .span11,
textarea > .span3, textarea .span11,
.uneditable-input > .span3 { .uneditable-input .span11 {
width: 210px; width: 850px;
} }
input > .span4, input .span10,
textarea > .span4, textarea .span10,
.uneditable-input > .span4 { .uneditable-input .span10 {
width: 290px; width: 770px;
} }
input > .span5, input .span9,
textarea > .span5, textarea .span9,
.uneditable-input > .span5 { .uneditable-input .span9 {
width: 370px; width: 690px;
} }
input > .span6, input .span8,
textarea > .span6, textarea .span8,
.uneditable-input > .span6 { .uneditable-input .span8 {
width: 450px; width: 610px;
} }
input > .span7, input .span7,
textarea > .span7, textarea .span7,
.uneditable-input > .span7 { .uneditable-input .span7 {
width: 530px; width: 530px;
} }
input > .span8, input .span6,
textarea > .span8, textarea .span6,
.uneditable-input > .span8 { .uneditable-input .span6 {
width: 610px; width: 450px;
} }
input > .span9, input .span5,
textarea > .span9, textarea .span5,
.uneditable-input > .span9 { .uneditable-input .span5 {
width: 690px; width: 370px;
} }
input > .span10, input .span4,
textarea > .span10, textarea .span4,
.uneditable-input > .span10 { .uneditable-input .span4 {
width: 770px; width: 290px;
} }
input > .span11, input .span3,
textarea > .span11, textarea .span3,
.uneditable-input > .span11 { .uneditable-input .span3 {
width: 850px; width: 210px;
} }
input > .span12, input .span2,
textarea > .span12, textarea .span2,
.uneditable-input > .span12 { .uneditable-input .span2 {
width: 930px; width: 130px;
}
input .span1,
textarea .span1,
.uneditable-input .span1 {
width: 50px;
} }
input[disabled], input[disabled],
select[disabled], select[disabled],
...@@ -2880,7 +2880,7 @@ input[type="submit"].btn.btn-small { ...@@ -2880,7 +2880,7 @@ input[type="submit"].btn.btn-small {
.navbar-search .search-query :-moz-placeholder { .navbar-search .search-query :-moz-placeholder {
color: #eeeeee; color: #eeeeee;
} }
.navbar-search .search-query::-webkit-input-placeholder { .navbar-search .search-query ::-webkit-input-placeholder {
color: #eeeeee; color: #eeeeee;
} }
.navbar-search .search-query:hover { .navbar-search .search-query:hover {
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment