2 // Responsive: Landscape phone to desktop/tablet
3 // --------------------------------------------------
6 @media (max-width: 767px) {
8 // Padding to set content in a bit
13 // Negative indent the now static "fixed" navbar
20 // Remove padding on container given explicit padding set on body
27 // Reset horizontal dl
42 // Remove width from containers
50 // Undo negative margin on rows and thumbnails
57 margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
59 // Make all grid-sized elements block level again
61 .row-fluid [class*="span"] {
66 .box-sizing(border-box);
71 .box-sizing(border-box);
76 // Make span* classes full width
81 select[class*="span"],
82 textarea[class*="span"],
86 // But don't let it screw up prepend/append inputs
89 .input-prepend input[class*="span"],
90 .input-append input[class*="span"] {
91 display: inline-block; // redeclare so they don't wrap to new lines
94 .controls-row [class*="span"] + [class*="span"] {
106 &.fade.in { top: auto; }
113 // UP TO LANDSCAPE PHONE
114 // ---------------------
116 @media (max-width: 480px) {
118 // Smooth out the collapsing/expanding nav
120 -webkit-transform: translate3d(0, 0, 0); // activate the GPU
123 // Block level the page header small tag for readability
124 .page-header h1 small {
126 line-height: @baseLineHeight;
129 // Update checkboxes for iOS
130 input[type="checkbox"],
131 input[type="radio"] {
132 border: 1px solid #ccc;
135 // Remove the horizontal form styles
143 // Move over all input controls and content
147 // Move the options list down to align with labels
149 padding-top: 0; // has to be padding because margin collaspes
151 // Move over buttons in .form-actions to align with .controls
164 .modal-header .close {