less-rails-bootstrap 2.3.3 → 3.0.0.rc1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.gitignore +1 -0
- data/CHANGELOG.md +4 -0
- data/README.md +7 -11
- data/lib/less/rails/bootstrap/version.rb +1 -1
- data/scripts/update_bootstrap.sh +37 -8
- data/test/cases/usage_css_spec.rb +15 -12
- data/test/cases/usage_js_spec.rb +4 -4
- data/test/dummy_app/app/assets/stylesheets/fonts.css.less +2 -0
- data/test/dummy_app/app/assets/stylesheets/framework.css.less +4 -2
- data/test/dummy_app/app/assets/stylesheets/individual.css.less +2 -2
- data/test/spec_helper.rb +1 -2
- data/vendor/assets/javascripts/twitter/bootstrap.js +0 -1
- data/vendor/assets/javascripts/twitter/bootstrap/affix.js +58 -49
- data/vendor/assets/javascripts/twitter/bootstrap/alert.js +36 -37
- data/vendor/assets/javascripts/twitter/bootstrap/button.js +41 -39
- data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +131 -125
- data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +108 -96
- data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +72 -87
- data/vendor/assets/javascripts/twitter/bootstrap/modal.js +149 -155
- data/vendor/assets/javascripts/twitter/bootstrap/popover.js +60 -59
- data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +103 -107
- data/vendor/assets/javascripts/twitter/bootstrap/tab.js +73 -82
- data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +258 -255
- data/vendor/assets/javascripts/twitter/bootstrap/transition.js +34 -38
- data/vendor/frameworks/twitter/bootstrap/accordion.less +9 -12
- data/vendor/frameworks/twitter/bootstrap/alerts.less +43 -53
- data/vendor/frameworks/twitter/bootstrap/bootstrap.less +21 -21
- data/vendor/frameworks/twitter/bootstrap/breadcrumbs.less +7 -8
- data/vendor/frameworks/twitter/bootstrap/button-groups.less +93 -151
- data/vendor/frameworks/twitter/bootstrap/buttons.less +93 -164
- data/vendor/frameworks/twitter/bootstrap/carousel.less +110 -63
- data/vendor/frameworks/twitter/bootstrap/close.less +18 -17
- data/vendor/frameworks/twitter/bootstrap/code.less +14 -20
- data/vendor/frameworks/twitter/bootstrap/component-animations.less +10 -3
- data/vendor/frameworks/twitter/bootstrap/dropdowns.less +66 -143
- data/vendor/frameworks/twitter/bootstrap/forms.less +281 -548
- data/vendor/frameworks/twitter/bootstrap/grid.less +194 -11
- data/vendor/frameworks/twitter/bootstrap/media.less +8 -7
- data/vendor/frameworks/twitter/bootstrap/mixins.less +290 -446
- data/vendor/frameworks/twitter/bootstrap/modals.less +92 -51
- data/vendor/frameworks/twitter/bootstrap/navbar.less +285 -402
- data/vendor/frameworks/twitter/bootstrap/navs.less +176 -348
- data/vendor/frameworks/twitter/bootstrap/pager.less +45 -33
- data/vendor/frameworks/twitter/bootstrap/pagination.less +89 -104
- data/vendor/frameworks/twitter/bootstrap/popovers.less +53 -51
- data/vendor/frameworks/twitter/bootstrap/progress-bars.less +28 -45
- data/vendor/frameworks/twitter/bootstrap/responsive-utilities.less +92 -32
- data/vendor/frameworks/twitter/bootstrap/scaffolding.less +60 -18
- data/vendor/frameworks/twitter/bootstrap/tables.less +131 -164
- data/vendor/frameworks/twitter/bootstrap/thumbnails.less +20 -31
- data/vendor/frameworks/twitter/bootstrap/tooltip.less +45 -20
- data/vendor/frameworks/twitter/bootstrap/type.less +84 -99
- data/vendor/frameworks/twitter/bootstrap/utilities.less +17 -5
- data/vendor/frameworks/twitter/bootstrap/variables.less +446 -179
- data/vendor/frameworks/twitter/bootstrap/wells.less +5 -5
- metadata +41 -44
- data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +0 -335
- data/vendor/assets/stylesheets/twitter/bootstrap-responsive.css.less +0 -1
- data/vendor/assets/stylesheets/twitter/bootstrap.css.less +0 -1
- data/vendor/frameworks/twitter/bootstrap.less +0 -1
- data/vendor/frameworks/twitter/bootstrap/hero-unit.less +0 -25
- data/vendor/frameworks/twitter/bootstrap/labels-badges.less +0 -84
- data/vendor/frameworks/twitter/bootstrap/layouts.less +0 -16
- data/vendor/frameworks/twitter/bootstrap/reset.less +0 -216
- data/vendor/frameworks/twitter/bootstrap/responsive-1200px-min.less +0 -28
- data/vendor/frameworks/twitter/bootstrap/responsive-767px-max.less +0 -193
- data/vendor/frameworks/twitter/bootstrap/responsive-768px-979px.less +0 -19
- data/vendor/frameworks/twitter/bootstrap/responsive-navbar.less +0 -189
- data/vendor/frameworks/twitter/bootstrap/responsive.less +0 -48
- data/vendor/frameworks/twitter/bootstrap/sprites.less +0 -197
@@ -1 +0,0 @@
|
|
1
|
-
@import "twitter/bootstrap/responsive";
|
@@ -1 +0,0 @@
|
|
1
|
-
@import "twitter/bootstrap/bootstrap";
|
@@ -1 +0,0 @@
|
|
1
|
-
@import "bootstrap/bootstrap.less";
|
@@ -1,25 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Hero unit
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
.hero-unit {
|
7
|
-
padding: 60px;
|
8
|
-
margin-bottom: 30px;
|
9
|
-
font-size: 18px;
|
10
|
-
font-weight: 200;
|
11
|
-
line-height: @baseLineHeight * 1.5;
|
12
|
-
color: @heroUnitLeadColor;
|
13
|
-
background-color: @heroUnitBackground;
|
14
|
-
.border-radius(6px);
|
15
|
-
h1 {
|
16
|
-
margin-bottom: 0;
|
17
|
-
font-size: 60px;
|
18
|
-
line-height: 1;
|
19
|
-
color: @heroUnitHeadingColor;
|
20
|
-
letter-spacing: -1px;
|
21
|
-
}
|
22
|
-
li {
|
23
|
-
line-height: @baseLineHeight * 1.5; // Reset since we specify in type.less
|
24
|
-
}
|
25
|
-
}
|
@@ -1,84 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Labels and badges
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Base classes
|
7
|
-
.label,
|
8
|
-
.badge {
|
9
|
-
display: inline-block;
|
10
|
-
padding: 2px 4px;
|
11
|
-
font-size: @baseFontSize * .846;
|
12
|
-
font-weight: bold;
|
13
|
-
line-height: 14px; // ensure proper line-height if floated
|
14
|
-
color: @white;
|
15
|
-
vertical-align: baseline;
|
16
|
-
white-space: nowrap;
|
17
|
-
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
18
|
-
background-color: @grayLight;
|
19
|
-
}
|
20
|
-
// Set unique padding and border-radii
|
21
|
-
.label {
|
22
|
-
.border-radius(3px);
|
23
|
-
}
|
24
|
-
.badge {
|
25
|
-
padding-left: 9px;
|
26
|
-
padding-right: 9px;
|
27
|
-
.border-radius(9px);
|
28
|
-
}
|
29
|
-
|
30
|
-
// Empty labels/badges collapse
|
31
|
-
.label,
|
32
|
-
.badge {
|
33
|
-
&:empty {
|
34
|
-
display: none;
|
35
|
-
}
|
36
|
-
}
|
37
|
-
|
38
|
-
// Hover/focus state, but only for links
|
39
|
-
a {
|
40
|
-
&.label:hover,
|
41
|
-
&.label:focus,
|
42
|
-
&.badge:hover,
|
43
|
-
&.badge:focus {
|
44
|
-
color: @white;
|
45
|
-
text-decoration: none;
|
46
|
-
cursor: pointer;
|
47
|
-
}
|
48
|
-
}
|
49
|
-
|
50
|
-
// Colors
|
51
|
-
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
|
52
|
-
.label,
|
53
|
-
.badge {
|
54
|
-
// Important (red)
|
55
|
-
&-important { background-color: @errorText; }
|
56
|
-
&-important[href] { background-color: darken(@errorText, 10%); }
|
57
|
-
// Warnings (orange)
|
58
|
-
&-warning { background-color: @orange; }
|
59
|
-
&-warning[href] { background-color: darken(@orange, 10%); }
|
60
|
-
// Success (green)
|
61
|
-
&-success { background-color: @successText; }
|
62
|
-
&-success[href] { background-color: darken(@successText, 10%); }
|
63
|
-
// Info (turquoise)
|
64
|
-
&-info { background-color: @infoText; }
|
65
|
-
&-info[href] { background-color: darken(@infoText, 10%); }
|
66
|
-
// Inverse (black)
|
67
|
-
&-inverse { background-color: @grayDark; }
|
68
|
-
&-inverse[href] { background-color: darken(@grayDark, 10%); }
|
69
|
-
}
|
70
|
-
|
71
|
-
// Quick fix for labels/badges in buttons
|
72
|
-
.btn {
|
73
|
-
.label,
|
74
|
-
.badge {
|
75
|
-
position: relative;
|
76
|
-
top: -1px;
|
77
|
-
}
|
78
|
-
}
|
79
|
-
.btn-mini {
|
80
|
-
.label,
|
81
|
-
.badge {
|
82
|
-
top: 0;
|
83
|
-
}
|
84
|
-
}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Layouts
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Container (centered, fixed-width layouts)
|
7
|
-
.container {
|
8
|
-
.container-fixed();
|
9
|
-
}
|
10
|
-
|
11
|
-
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
12
|
-
.container-fluid {
|
13
|
-
padding-right: @gridGutterWidth;
|
14
|
-
padding-left: @gridGutterWidth;
|
15
|
-
.clearfix();
|
16
|
-
}
|
@@ -1,216 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Reset CSS
|
3
|
-
// Adapted from http://github.com/necolas/normalize.css
|
4
|
-
// --------------------------------------------------
|
5
|
-
|
6
|
-
|
7
|
-
// Display in IE6-9 and FF3
|
8
|
-
// -------------------------
|
9
|
-
|
10
|
-
article,
|
11
|
-
aside,
|
12
|
-
details,
|
13
|
-
figcaption,
|
14
|
-
figure,
|
15
|
-
footer,
|
16
|
-
header,
|
17
|
-
hgroup,
|
18
|
-
nav,
|
19
|
-
section {
|
20
|
-
display: block;
|
21
|
-
}
|
22
|
-
|
23
|
-
// Display block in IE6-9 and FF3
|
24
|
-
// -------------------------
|
25
|
-
|
26
|
-
audio,
|
27
|
-
canvas,
|
28
|
-
video {
|
29
|
-
display: inline-block;
|
30
|
-
*display: inline;
|
31
|
-
*zoom: 1;
|
32
|
-
}
|
33
|
-
|
34
|
-
// Prevents modern browsers from displaying 'audio' without controls
|
35
|
-
// -------------------------
|
36
|
-
|
37
|
-
audio:not([controls]) {
|
38
|
-
display: none;
|
39
|
-
}
|
40
|
-
|
41
|
-
// Base settings
|
42
|
-
// -------------------------
|
43
|
-
|
44
|
-
html {
|
45
|
-
font-size: 100%;
|
46
|
-
-webkit-text-size-adjust: 100%;
|
47
|
-
-ms-text-size-adjust: 100%;
|
48
|
-
}
|
49
|
-
// Focus states
|
50
|
-
a:focus {
|
51
|
-
.tab-focus();
|
52
|
-
}
|
53
|
-
// Hover & Active
|
54
|
-
a:hover,
|
55
|
-
a:active {
|
56
|
-
outline: 0;
|
57
|
-
}
|
58
|
-
|
59
|
-
// Prevents sub and sup affecting line-height in all browsers
|
60
|
-
// -------------------------
|
61
|
-
|
62
|
-
sub,
|
63
|
-
sup {
|
64
|
-
position: relative;
|
65
|
-
font-size: 75%;
|
66
|
-
line-height: 0;
|
67
|
-
vertical-align: baseline;
|
68
|
-
}
|
69
|
-
sup {
|
70
|
-
top: -0.5em;
|
71
|
-
}
|
72
|
-
sub {
|
73
|
-
bottom: -0.25em;
|
74
|
-
}
|
75
|
-
|
76
|
-
// Img border in a's and image quality
|
77
|
-
// -------------------------
|
78
|
-
|
79
|
-
img {
|
80
|
-
/* Responsive images (ensure images don't scale beyond their parents) */
|
81
|
-
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
82
|
-
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
83
|
-
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
84
|
-
|
85
|
-
vertical-align: middle;
|
86
|
-
border: 0;
|
87
|
-
-ms-interpolation-mode: bicubic;
|
88
|
-
}
|
89
|
-
|
90
|
-
// Prevent max-width from affecting Google Maps
|
91
|
-
#map_canvas img,
|
92
|
-
.google-maps img {
|
93
|
-
max-width: none;
|
94
|
-
}
|
95
|
-
|
96
|
-
// Forms
|
97
|
-
// -------------------------
|
98
|
-
|
99
|
-
// Font size in all browsers, margin changes, misc consistency
|
100
|
-
button,
|
101
|
-
input,
|
102
|
-
select,
|
103
|
-
textarea {
|
104
|
-
margin: 0;
|
105
|
-
font-size: 100%;
|
106
|
-
vertical-align: middle;
|
107
|
-
}
|
108
|
-
button,
|
109
|
-
input {
|
110
|
-
*overflow: visible; // Inner spacing ie IE6/7
|
111
|
-
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
112
|
-
}
|
113
|
-
button::-moz-focus-inner,
|
114
|
-
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
115
|
-
padding: 0;
|
116
|
-
border: 0;
|
117
|
-
}
|
118
|
-
button,
|
119
|
-
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
|
120
|
-
input[type="reset"],
|
121
|
-
input[type="submit"] {
|
122
|
-
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
123
|
-
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
124
|
-
}
|
125
|
-
label,
|
126
|
-
select,
|
127
|
-
button,
|
128
|
-
input[type="button"],
|
129
|
-
input[type="reset"],
|
130
|
-
input[type="submit"],
|
131
|
-
input[type="radio"],
|
132
|
-
input[type="checkbox"] {
|
133
|
-
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
134
|
-
}
|
135
|
-
input[type="search"] { // Appearance in Safari/Chrome
|
136
|
-
.box-sizing(content-box);
|
137
|
-
-webkit-appearance: textfield;
|
138
|
-
}
|
139
|
-
input[type="search"]::-webkit-search-decoration,
|
140
|
-
input[type="search"]::-webkit-search-cancel-button {
|
141
|
-
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
142
|
-
}
|
143
|
-
textarea {
|
144
|
-
overflow: auto; // Remove vertical scrollbar in IE6-9
|
145
|
-
vertical-align: top; // Readability and alignment cross-browser
|
146
|
-
}
|
147
|
-
|
148
|
-
|
149
|
-
// Printing
|
150
|
-
// -------------------------
|
151
|
-
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
|
152
|
-
|
153
|
-
@media print {
|
154
|
-
|
155
|
-
* {
|
156
|
-
text-shadow: none !important;
|
157
|
-
color: #000 !important; // Black prints faster: h5bp.com/s
|
158
|
-
background: transparent !important;
|
159
|
-
box-shadow: none !important;
|
160
|
-
}
|
161
|
-
|
162
|
-
a,
|
163
|
-
a:visited {
|
164
|
-
text-decoration: underline;
|
165
|
-
}
|
166
|
-
|
167
|
-
a[href]:after {
|
168
|
-
content: " (" attr(href) ")";
|
169
|
-
}
|
170
|
-
|
171
|
-
abbr[title]:after {
|
172
|
-
content: " (" attr(title) ")";
|
173
|
-
}
|
174
|
-
|
175
|
-
// Don't show links for images, or javascript/internal links
|
176
|
-
.ir a:after,
|
177
|
-
a[href^="javascript:"]:after,
|
178
|
-
a[href^="#"]:after {
|
179
|
-
content: "";
|
180
|
-
}
|
181
|
-
|
182
|
-
pre,
|
183
|
-
blockquote {
|
184
|
-
border: 1px solid #999;
|
185
|
-
page-break-inside: avoid;
|
186
|
-
}
|
187
|
-
|
188
|
-
thead {
|
189
|
-
display: table-header-group; // h5bp.com/t
|
190
|
-
}
|
191
|
-
|
192
|
-
tr,
|
193
|
-
img {
|
194
|
-
page-break-inside: avoid;
|
195
|
-
}
|
196
|
-
|
197
|
-
img {
|
198
|
-
max-width: 100% !important;
|
199
|
-
}
|
200
|
-
|
201
|
-
@page {
|
202
|
-
margin: 0.5cm;
|
203
|
-
}
|
204
|
-
|
205
|
-
p,
|
206
|
-
h2,
|
207
|
-
h3 {
|
208
|
-
orphans: 3;
|
209
|
-
widows: 3;
|
210
|
-
}
|
211
|
-
|
212
|
-
h2,
|
213
|
-
h3 {
|
214
|
-
page-break-after: avoid;
|
215
|
-
}
|
216
|
-
}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Responsive: Large desktop and up
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
@media (min-width: 1200px) {
|
7
|
-
|
8
|
-
// Fixed grid
|
9
|
-
#grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
|
10
|
-
|
11
|
-
// Fluid grid
|
12
|
-
#grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
|
13
|
-
|
14
|
-
// Input grid
|
15
|
-
#grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);
|
16
|
-
|
17
|
-
// Thumbnails
|
18
|
-
.thumbnails {
|
19
|
-
margin-left: -@gridGutterWidth1200;
|
20
|
-
}
|
21
|
-
.thumbnails > li {
|
22
|
-
margin-left: @gridGutterWidth1200;
|
23
|
-
}
|
24
|
-
.row-fluid .thumbnails {
|
25
|
-
margin-left: 0;
|
26
|
-
}
|
27
|
-
|
28
|
-
}
|
@@ -1,193 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Responsive: Landscape phone to desktop/tablet
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
@media (max-width: 767px) {
|
7
|
-
|
8
|
-
// Padding to set content in a bit
|
9
|
-
body {
|
10
|
-
padding-left: 20px;
|
11
|
-
padding-right: 20px;
|
12
|
-
}
|
13
|
-
// Negative indent the now static "fixed" navbar
|
14
|
-
.navbar-fixed-top,
|
15
|
-
.navbar-fixed-bottom,
|
16
|
-
.navbar-static-top {
|
17
|
-
margin-left: -20px;
|
18
|
-
margin-right: -20px;
|
19
|
-
}
|
20
|
-
// Remove padding on container given explicit padding set on body
|
21
|
-
.container-fluid {
|
22
|
-
padding: 0;
|
23
|
-
}
|
24
|
-
|
25
|
-
// TYPOGRAPHY
|
26
|
-
// ----------
|
27
|
-
// Reset horizontal dl
|
28
|
-
.dl-horizontal {
|
29
|
-
dt {
|
30
|
-
float: none;
|
31
|
-
clear: none;
|
32
|
-
width: auto;
|
33
|
-
text-align: left;
|
34
|
-
}
|
35
|
-
dd {
|
36
|
-
margin-left: 0;
|
37
|
-
}
|
38
|
-
}
|
39
|
-
|
40
|
-
// GRID & CONTAINERS
|
41
|
-
// -----------------
|
42
|
-
// Remove width from containers
|
43
|
-
.container {
|
44
|
-
width: auto;
|
45
|
-
}
|
46
|
-
// Fluid rows
|
47
|
-
.row-fluid {
|
48
|
-
width: 100%;
|
49
|
-
}
|
50
|
-
// Undo negative margin on rows and thumbnails
|
51
|
-
.row,
|
52
|
-
.thumbnails {
|
53
|
-
margin-left: 0;
|
54
|
-
}
|
55
|
-
.thumbnails > li {
|
56
|
-
float: none;
|
57
|
-
margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
|
58
|
-
}
|
59
|
-
// Make all grid-sized elements block level again
|
60
|
-
[class*="span"],
|
61
|
-
.uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
|
62
|
-
.row-fluid [class*="span"] {
|
63
|
-
float: none;
|
64
|
-
display: block;
|
65
|
-
width: 100%;
|
66
|
-
margin-left: 0;
|
67
|
-
.box-sizing(border-box);
|
68
|
-
}
|
69
|
-
.span12,
|
70
|
-
.row-fluid .span12 {
|
71
|
-
width: 100%;
|
72
|
-
.box-sizing(border-box);
|
73
|
-
}
|
74
|
-
.row-fluid [class*="offset"]:first-child {
|
75
|
-
margin-left: 0;
|
76
|
-
}
|
77
|
-
|
78
|
-
// FORM FIELDS
|
79
|
-
// -----------
|
80
|
-
// Make span* classes full width
|
81
|
-
.input-large,
|
82
|
-
.input-xlarge,
|
83
|
-
.input-xxlarge,
|
84
|
-
input[class*="span"],
|
85
|
-
select[class*="span"],
|
86
|
-
textarea[class*="span"],
|
87
|
-
.uneditable-input {
|
88
|
-
.input-block-level();
|
89
|
-
}
|
90
|
-
// But don't let it screw up prepend/append inputs
|
91
|
-
.input-prepend input,
|
92
|
-
.input-append input,
|
93
|
-
.input-prepend input[class*="span"],
|
94
|
-
.input-append input[class*="span"] {
|
95
|
-
display: inline-block; // redeclare so they don't wrap to new lines
|
96
|
-
width: auto;
|
97
|
-
}
|
98
|
-
.controls-row [class*="span"] + [class*="span"] {
|
99
|
-
margin-left: 0;
|
100
|
-
}
|
101
|
-
|
102
|
-
// Modals
|
103
|
-
.modal {
|
104
|
-
position: fixed;
|
105
|
-
top: 20px;
|
106
|
-
left: 20px;
|
107
|
-
right: 20px;
|
108
|
-
width: auto;
|
109
|
-
margin: 0;
|
110
|
-
&.fade { top: -100px; }
|
111
|
-
&.fade.in { top: 20px; }
|
112
|
-
}
|
113
|
-
|
114
|
-
}
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
// UP TO LANDSCAPE PHONE
|
119
|
-
// ---------------------
|
120
|
-
|
121
|
-
@media (max-width: 480px) {
|
122
|
-
|
123
|
-
// Smooth out the collapsing/expanding nav
|
124
|
-
.nav-collapse {
|
125
|
-
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
126
|
-
}
|
127
|
-
|
128
|
-
// Block level the page header small tag for readability
|
129
|
-
.page-header h1 small {
|
130
|
-
display: block;
|
131
|
-
line-height: @baseLineHeight;
|
132
|
-
}
|
133
|
-
|
134
|
-
// Update checkboxes for iOS
|
135
|
-
input[type="checkbox"],
|
136
|
-
input[type="radio"] {
|
137
|
-
border: 1px solid #ccc;
|
138
|
-
}
|
139
|
-
|
140
|
-
// Remove the horizontal form styles
|
141
|
-
.form-horizontal {
|
142
|
-
.control-label {
|
143
|
-
float: none;
|
144
|
-
width: auto;
|
145
|
-
padding-top: 0;
|
146
|
-
text-align: left;
|
147
|
-
}
|
148
|
-
// Move over all input controls and content
|
149
|
-
.controls {
|
150
|
-
margin-left: 0;
|
151
|
-
}
|
152
|
-
// Move the options list down to align with labels
|
153
|
-
.control-list {
|
154
|
-
padding-top: 0; // has to be padding because margin collaspes
|
155
|
-
}
|
156
|
-
// Move over buttons in .form-actions to align with .controls
|
157
|
-
.form-actions {
|
158
|
-
padding-left: 10px;
|
159
|
-
padding-right: 10px;
|
160
|
-
}
|
161
|
-
}
|
162
|
-
|
163
|
-
// Medias
|
164
|
-
// Reset float and spacing to stack
|
165
|
-
.media .pull-left,
|
166
|
-
.media .pull-right {
|
167
|
-
float: none;
|
168
|
-
display: block;
|
169
|
-
margin-bottom: 10px;
|
170
|
-
}
|
171
|
-
// Remove side margins since we stack instead of indent
|
172
|
-
.media-object {
|
173
|
-
margin-right: 0;
|
174
|
-
margin-left: 0;
|
175
|
-
}
|
176
|
-
|
177
|
-
// Modals
|
178
|
-
.modal {
|
179
|
-
top: 10px;
|
180
|
-
left: 10px;
|
181
|
-
right: 10px;
|
182
|
-
}
|
183
|
-
.modal-header .close {
|
184
|
-
padding: 10px;
|
185
|
-
margin: -10px;
|
186
|
-
}
|
187
|
-
|
188
|
-
// Carousel
|
189
|
-
.carousel-caption {
|
190
|
-
position: static;
|
191
|
-
}
|
192
|
-
|
193
|
-
}
|