diff options
Diffstat (limited to 'lib')
| -rw-r--r-- | lib/adaptive.less | 57 | ||||
| -rw-r--r-- | lib/scaffolding.less | 2 |
2 files changed, 58 insertions, 1 deletions
diff --git a/lib/adaptive.less b/lib/adaptive.less new file mode 100644 index 000000000..ef3054d3e --- /dev/null +++ b/lib/adaptive.less @@ -0,0 +1,57 @@ +/* Responsive.less + * Adjusted grid styles to handle some common screen sizes + * ------------------------------------------------------- */ + + +// MOBILE PORTRAIT & LANDSCAPE +// --------------------------- +// For devices narrower than 480px +@media only screen and (max-width: 480px) { + + // Remove fixed width of containers + .container { + width: auto; + padding: 0 10px; + } + + // Undo the floating of columns + .row { + margin-left: 0; + } + .row [class^="span"] { + float: none; + width: 100%; + display: block; + margin-left: 0; + } + + // Stack form elements instead of floating them + fieldset legend { + margin-left: 0; + } + label { + float: none; + width: auto; + text-align: left; + } + div.input { + margin-left: 0; + width: 100%; + } + .input-xxlarge, + input.xxlarge, + textarea.xxlarge, + select.xxlarge { + width: 80%; + } + + // Adjust modal + .modal-backdrop { + padding: 10px; + } + .modal { + width: 100%; + margin: 0; + left: auto; + } +}
\ No newline at end of file diff --git a/lib/scaffolding.less b/lib/scaffolding.less index 0833e0c83..2bbb1dc6c 100644 --- a/lib/scaffolding.less +++ b/lib/scaffolding.less @@ -46,7 +46,7 @@ .offset6 { .offset(6); } .offset7 { .offset(7); } .offset8 { .offset(8); } - .offset9 { .offset(8); } + .offset9 { .offset(9); } .offset10 { .offset(10); } .offset11 { .offset(11); } .offset12 { .offset(12); } |