bootstrapped 1.0.1 → 2.0.3
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/.gitmodules +3 -0
- data/README.rdoc +7 -1
- data/bootstrapped.gemspec +1 -1
- data/lib/bootstrapped/engine.rb +1 -1
- data/lib/bootstrapped/version.rb +2 -1
- data/vendor/assets/javascripts/bootstrap-alert.js +28 -29
- data/vendor/assets/javascripts/bootstrap-button.js +32 -34
- data/vendor/assets/javascripts/bootstrap-carousel.js +34 -19
- data/vendor/assets/javascripts/bootstrap-collapse.js +47 -26
- data/vendor/assets/javascripts/bootstrap-dropdown.js +18 -10
- data/vendor/assets/javascripts/bootstrap-modal.js +26 -18
- data/vendor/assets/javascripts/bootstrap-popover.js +13 -10
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +43 -17
- data/vendor/assets/javascripts/bootstrap-tab.js +12 -7
- data/vendor/assets/javascripts/bootstrap-tooltip.js +40 -35
- data/vendor/assets/javascripts/bootstrap-transition.js +31 -21
- data/vendor/assets/javascripts/bootstrap-typeahead.js +30 -16
- data/vendor/assets/stylesheets/twitter/bootstrap/static/bootstrap-responsive.css +808 -0
- data/vendor/assets/stylesheets/twitter/bootstrap/static/bootstrap.css +2314 -850
- data/vendor/less/twitter/bootstrap/less/accordion.less +5 -0
- data/vendor/less/twitter/bootstrap/less/alerts.less +2 -14
- data/vendor/less/twitter/bootstrap/less/bootstrap.less +2 -2
- data/vendor/less/twitter/bootstrap/less/breadcrumbs.less +3 -1
- data/vendor/less/twitter/bootstrap/less/button-groups.less +78 -34
- data/vendor/less/twitter/bootstrap/less/buttons.less +53 -27
- data/vendor/less/twitter/bootstrap/less/carousel.less +0 -0
- data/vendor/less/twitter/bootstrap/less/close.less +12 -1
- data/vendor/less/twitter/bootstrap/less/code.less +18 -5
- data/vendor/less/twitter/bootstrap/less/component-animations.less +9 -7
- data/vendor/less/twitter/bootstrap/less/dropdowns.less +59 -47
- data/vendor/less/twitter/bootstrap/less/forms.less +167 -98
- data/vendor/less/twitter/bootstrap/less/grid.less +2 -5
- data/vendor/less/twitter/bootstrap/less/hero-unit.less +3 -1
- data/vendor/less/twitter/bootstrap/less/labels-badges.less +55 -0
- data/vendor/less/twitter/bootstrap/less/layouts.less +1 -1
- data/vendor/less/twitter/bootstrap/less/mixins.less +261 -167
- data/vendor/less/twitter/bootstrap/less/modals.less +22 -4
- data/vendor/less/twitter/bootstrap/less/navbar.less +147 -75
- data/vendor/less/twitter/bootstrap/less/navs.less +72 -53
- data/vendor/less/twitter/bootstrap/less/pager.less +6 -0
- data/vendor/less/twitter/bootstrap/less/pagination.less +1 -0
- data/vendor/less/twitter/bootstrap/less/popovers.less +0 -0
- data/vendor/less/twitter/bootstrap/less/progress-bars.less +27 -5
- data/vendor/less/twitter/bootstrap/less/reset.less +4 -4
- data/vendor/less/twitter/bootstrap/less/responsive-1200px-min.less +26 -0
- data/vendor/less/twitter/bootstrap/less/responsive-767px-max.less +149 -0
- data/vendor/less/twitter/bootstrap/less/responsive-768px-979px.less +17 -0
- data/vendor/less/twitter/bootstrap/less/responsive-navbar.less +146 -0
- data/vendor/less/twitter/bootstrap/less/responsive-utilities.less +41 -0
- data/vendor/less/twitter/bootstrap/less/responsive.less +14 -289
- data/vendor/less/twitter/bootstrap/less/scaffolding.less +4 -4
- data/vendor/less/twitter/bootstrap/less/sprites.less +47 -12
- data/vendor/less/twitter/bootstrap/less/tables.less +59 -22
- data/vendor/less/twitter/bootstrap/less/thumbnails.less +15 -3
- data/vendor/less/twitter/bootstrap/less/tooltip.less +0 -0
- data/vendor/less/twitter/bootstrap/less/type.less +30 -12
- data/vendor/less/twitter/bootstrap/less/utilities.less +0 -0
- data/vendor/less/twitter/bootstrap/less/variables.less +119 -13
- data/vendor/less/twitter/bootstrap/less/wells.less +10 -0
- metadata +30 -22
@@ -0,0 +1,146 @@
|
|
1
|
+
// TABLETS AND BELOW
|
2
|
+
// -----------------
|
3
|
+
@media (max-width: 979px) {
|
4
|
+
|
5
|
+
// UNFIX THE TOPBAR
|
6
|
+
// ----------------
|
7
|
+
// Remove any padding from the body
|
8
|
+
body {
|
9
|
+
padding-top: 0;
|
10
|
+
}
|
11
|
+
// Unfix the navbar
|
12
|
+
.navbar-fixed-top {
|
13
|
+
position: static;
|
14
|
+
margin-bottom: @baseLineHeight;
|
15
|
+
}
|
16
|
+
.navbar-fixed-top .navbar-inner {
|
17
|
+
padding: 5px;
|
18
|
+
}
|
19
|
+
.navbar .container {
|
20
|
+
width: auto;
|
21
|
+
padding: 0;
|
22
|
+
}
|
23
|
+
// Account for brand name
|
24
|
+
.navbar .brand {
|
25
|
+
padding-left: 10px;
|
26
|
+
padding-right: 10px;
|
27
|
+
margin: 0 0 0 -5px;
|
28
|
+
}
|
29
|
+
|
30
|
+
// COLLAPSIBLE NAVBAR
|
31
|
+
// ------------------
|
32
|
+
// Nav collapse clears brand
|
33
|
+
.nav-collapse {
|
34
|
+
clear: both;
|
35
|
+
}
|
36
|
+
// Block-level the nav
|
37
|
+
.nav-collapse .nav {
|
38
|
+
float: none;
|
39
|
+
margin: 0 0 (@baseLineHeight / 2);
|
40
|
+
}
|
41
|
+
.nav-collapse .nav > li {
|
42
|
+
float: none;
|
43
|
+
}
|
44
|
+
.nav-collapse .nav > li > a {
|
45
|
+
margin-bottom: 2px;
|
46
|
+
}
|
47
|
+
.nav-collapse .nav > .divider-vertical {
|
48
|
+
display: none;
|
49
|
+
}
|
50
|
+
.nav-collapse .nav .nav-header {
|
51
|
+
color: @navbarText;
|
52
|
+
text-shadow: none;
|
53
|
+
}
|
54
|
+
// Nav and dropdown links in navbar
|
55
|
+
.nav-collapse .nav > li > a,
|
56
|
+
.nav-collapse .dropdown-menu a {
|
57
|
+
padding: 6px 15px;
|
58
|
+
font-weight: bold;
|
59
|
+
color: @navbarLinkColor;
|
60
|
+
.border-radius(3px);
|
61
|
+
}
|
62
|
+
// Buttons
|
63
|
+
.nav-collapse .btn {
|
64
|
+
padding: 4px 10px 4px;
|
65
|
+
font-weight: normal;
|
66
|
+
.border-radius(4px);
|
67
|
+
}
|
68
|
+
.nav-collapse .dropdown-menu li + li a {
|
69
|
+
margin-bottom: 2px;
|
70
|
+
}
|
71
|
+
.nav-collapse .nav > li > a:hover,
|
72
|
+
.nav-collapse .dropdown-menu a:hover {
|
73
|
+
background-color: @navbarBackground;
|
74
|
+
}
|
75
|
+
// Buttons in the navbar
|
76
|
+
.nav-collapse.in .btn-group {
|
77
|
+
margin-top: 5px;
|
78
|
+
padding: 0;
|
79
|
+
}
|
80
|
+
// Dropdowns in the navbar
|
81
|
+
.nav-collapse .dropdown-menu {
|
82
|
+
position: static;
|
83
|
+
top: auto;
|
84
|
+
left: auto;
|
85
|
+
float: none;
|
86
|
+
display: block;
|
87
|
+
max-width: none;
|
88
|
+
margin: 0 15px;
|
89
|
+
padding: 0;
|
90
|
+
background-color: transparent;
|
91
|
+
border: none;
|
92
|
+
.border-radius(0);
|
93
|
+
.box-shadow(none);
|
94
|
+
}
|
95
|
+
.nav-collapse .dropdown-menu:before,
|
96
|
+
.nav-collapse .dropdown-menu:after {
|
97
|
+
display: none;
|
98
|
+
}
|
99
|
+
.nav-collapse .dropdown-menu .divider {
|
100
|
+
display: none;
|
101
|
+
}
|
102
|
+
// Forms in navbar
|
103
|
+
.nav-collapse .navbar-form,
|
104
|
+
.nav-collapse .navbar-search {
|
105
|
+
float: none;
|
106
|
+
padding: (@baseLineHeight / 2) 15px;
|
107
|
+
margin: (@baseLineHeight / 2) 0;
|
108
|
+
border-top: 1px solid @navbarBackground;
|
109
|
+
border-bottom: 1px solid @navbarBackground;
|
110
|
+
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)");
|
111
|
+
}
|
112
|
+
// Pull right (secondary) nav content
|
113
|
+
.navbar .nav-collapse .nav.pull-right {
|
114
|
+
float: none;
|
115
|
+
margin-left: 0;
|
116
|
+
}
|
117
|
+
// Hide everything in the navbar save .brand and toggle button */
|
118
|
+
.nav-collapse,
|
119
|
+
.nav-collapse.collapse {
|
120
|
+
overflow: hidden;
|
121
|
+
height: 0;
|
122
|
+
}
|
123
|
+
// Navbar button
|
124
|
+
.navbar .btn-navbar {
|
125
|
+
display: block;
|
126
|
+
}
|
127
|
+
|
128
|
+
// STATIC NAVBAR
|
129
|
+
// -------------
|
130
|
+
.navbar-static .navbar-inner {
|
131
|
+
padding-left: 10px;
|
132
|
+
padding-right: 10px;
|
133
|
+
}
|
134
|
+
}
|
135
|
+
|
136
|
+
|
137
|
+
// DEFAULT DESKTOP
|
138
|
+
// ---------------
|
139
|
+
|
140
|
+
// Required to make the collapsing navbar work on regular desktops
|
141
|
+
@media (min-width: 980px) {
|
142
|
+
.nav-collapse.collapse {
|
143
|
+
height: auto !important;
|
144
|
+
overflow: visible !important;
|
145
|
+
}
|
146
|
+
}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
// RESPONSIVE CLASSES
|
2
|
+
// ------------------
|
3
|
+
|
4
|
+
// Hide from screenreaders and browsers
|
5
|
+
// Credit: HTML5 Boilerplate
|
6
|
+
.hidden {
|
7
|
+
display: none;
|
8
|
+
visibility: hidden;
|
9
|
+
}
|
10
|
+
|
11
|
+
// Visibility utilities
|
12
|
+
|
13
|
+
// For desktops
|
14
|
+
.visible-phone { display: none !important; }
|
15
|
+
.visible-tablet { display: none !important; }
|
16
|
+
.visible-desktop { } // Don't set initially
|
17
|
+
.hidden-phone { }
|
18
|
+
.hidden-tablet { }
|
19
|
+
.hidden-desktop { display: none !important; }
|
20
|
+
|
21
|
+
// Phones only
|
22
|
+
@media (max-width: 767px) {
|
23
|
+
// Show
|
24
|
+
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
|
25
|
+
// Hide
|
26
|
+
.hidden-phone { display: none !important; }
|
27
|
+
// Hide everything else
|
28
|
+
.hidden-desktop { display: inherit !important; }
|
29
|
+
.visible-desktop { display: none !important; }
|
30
|
+
}
|
31
|
+
|
32
|
+
// Tablets & small desktops only
|
33
|
+
@media (min-width: 768px) and (max-width: 979px) {
|
34
|
+
// Show
|
35
|
+
.visible-tablet { display: inherit !important; }
|
36
|
+
// Hide
|
37
|
+
.hidden-tablet { display: none !important; }
|
38
|
+
// Hide everything else
|
39
|
+
.hidden-desktop { display: inherit !important; }
|
40
|
+
.visible-desktop { display: none !important ; }
|
41
|
+
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap Responsive v2.0.
|
2
|
+
* Bootstrap Responsive v2.0.3
|
3
3
|
*
|
4
4
|
* Copyright 2012 Twitter, Inc
|
5
5
|
* Licensed under the Apache License v2.0
|
@@ -8,6 +8,7 @@
|
|
8
8
|
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
9
9
|
*/
|
10
10
|
|
11
|
+
|
11
12
|
// Responsive.less
|
12
13
|
// For phone and tablet devices
|
13
14
|
// -------------------------------------------------------------
|
@@ -24,300 +25,24 @@
|
|
24
25
|
// RESPONSIVE CLASSES
|
25
26
|
// ------------------
|
26
27
|
|
27
|
-
|
28
|
-
// Credit: HTML5 Boilerplate
|
29
|
-
.hidden {
|
30
|
-
display: none;
|
31
|
-
visibility: hidden;
|
32
|
-
}
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
// UP TO LANDSCAPE PHONE
|
37
|
-
// ---------------------
|
38
|
-
|
39
|
-
@media (max-width: 480px) {
|
40
|
-
|
41
|
-
// Smooth out the collapsing/expanding nav
|
42
|
-
.nav-collapse {
|
43
|
-
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
44
|
-
}
|
45
|
-
|
46
|
-
// Block level the page header small tag for readability
|
47
|
-
.page-header h1 small {
|
48
|
-
display: block;
|
49
|
-
line-height: @baseLineHeight;
|
50
|
-
}
|
51
|
-
|
52
|
-
// Make span* classes full width
|
53
|
-
input[class*="span"],
|
54
|
-
select[class*="span"],
|
55
|
-
textarea[class*="span"],
|
56
|
-
.uneditable-input {
|
57
|
-
display: block;
|
58
|
-
width: 100%;
|
59
|
-
height: 28px; /* Make inputs at least the height of their button counterpart */
|
60
|
-
/* Makes inputs behave like true block-level elements */
|
61
|
-
-webkit-box-sizing: border-box; /* Older Webkit */
|
62
|
-
-moz-box-sizing: border-box; /* Older FF */
|
63
|
-
-ms-box-sizing: border-box; /* IE8 */
|
64
|
-
box-sizing: border-box; /* CSS3 spec*/
|
65
|
-
}
|
66
|
-
// But don't let it screw up prepend/append inputs
|
67
|
-
.input-prepend input[class*="span"],
|
68
|
-
.input-append input[class*="span"] {
|
69
|
-
width: auto;
|
70
|
-
}
|
71
|
-
|
72
|
-
// Update checkboxes for iOS
|
73
|
-
input[type="checkbox"],
|
74
|
-
input[type="radio"] {
|
75
|
-
border: 1px solid #ccc;
|
76
|
-
}
|
77
|
-
|
78
|
-
// Remove the horizontal form styles
|
79
|
-
.form-horizontal .control-group > label {
|
80
|
-
float: none;
|
81
|
-
width: auto;
|
82
|
-
padding-top: 0;
|
83
|
-
text-align: left;
|
84
|
-
}
|
85
|
-
// Move over all input controls and content
|
86
|
-
.form-horizontal .controls {
|
87
|
-
margin-left: 0;
|
88
|
-
}
|
89
|
-
// Move the options list down to align with labels
|
90
|
-
.form-horizontal .control-list {
|
91
|
-
padding-top: 0; // has to be padding because margin collaspes
|
92
|
-
}
|
93
|
-
// Move over buttons in .form-actions to align with .controls
|
94
|
-
.form-horizontal .form-actions {
|
95
|
-
padding-left: 10px;
|
96
|
-
padding-right: 10px;
|
97
|
-
}
|
98
|
-
|
99
|
-
// Modals
|
100
|
-
.modal {
|
101
|
-
position: absolute;
|
102
|
-
top: 10px;
|
103
|
-
left: 10px;
|
104
|
-
right: 10px;
|
105
|
-
width: auto;
|
106
|
-
margin: 0;
|
107
|
-
&.fade.in { top: auto; }
|
108
|
-
}
|
109
|
-
.modal-header .close {
|
110
|
-
padding: 10px;
|
111
|
-
margin: -10px;
|
112
|
-
}
|
113
|
-
|
114
|
-
// Carousel
|
115
|
-
.carousel-caption {
|
116
|
-
position: static;
|
117
|
-
}
|
118
|
-
|
119
|
-
}
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
124
|
-
// --------------------------------------------------
|
125
|
-
|
126
|
-
@media (max-width: 768px) {
|
127
|
-
// GRID & CONTAINERS
|
128
|
-
// -----------------
|
129
|
-
// Remove width from containers
|
130
|
-
.container {
|
131
|
-
width: auto;
|
132
|
-
padding: 0 20px;
|
133
|
-
}
|
134
|
-
// Fluid rows
|
135
|
-
.row-fluid {
|
136
|
-
width: 100%;
|
137
|
-
}
|
138
|
-
// Undo negative margin on rows
|
139
|
-
.row {
|
140
|
-
margin-left: 0;
|
141
|
-
}
|
142
|
-
// Make all columns even
|
143
|
-
.row > [class*="span"],
|
144
|
-
.row-fluid > [class*="span"] {
|
145
|
-
float: none;
|
146
|
-
display: block;
|
147
|
-
width: auto;
|
148
|
-
margin: 0;
|
149
|
-
}
|
150
|
-
}
|
151
|
-
|
28
|
+
@import "responsive-utilities.less";
|
152
29
|
|
153
30
|
|
154
|
-
//
|
155
|
-
// ----------------------------------
|
156
|
-
|
157
|
-
@media (min-width: 768px) and (max-width: 980px) {
|
158
|
-
|
159
|
-
// Fixed grid
|
160
|
-
#gridSystem > .generate(12, 42px, 20px);
|
161
|
-
|
162
|
-
// Fluid grid
|
163
|
-
#fluidGridSystem > .generate(12, 5.801104972%, 2.762430939%);
|
164
|
-
|
165
|
-
// Input grid
|
166
|
-
#inputGridSystem > .generate(12, 42px, 20px);
|
167
|
-
|
168
|
-
}
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
// TABLETS AND BELOW
|
173
|
-
// -----------------
|
174
|
-
@media (max-width: 980px) {
|
175
|
-
|
176
|
-
// UNFIX THE TOPBAR
|
177
|
-
// ----------------
|
178
|
-
// Remove any padding from the body
|
179
|
-
body {
|
180
|
-
padding-top: 0;
|
181
|
-
}
|
182
|
-
// Unfix the navbar
|
183
|
-
.navbar-fixed-top {
|
184
|
-
position: static;
|
185
|
-
margin-bottom: @baseLineHeight;
|
186
|
-
}
|
187
|
-
.navbar-fixed-top .navbar-inner {
|
188
|
-
padding: 5px;
|
189
|
-
}
|
190
|
-
.navbar .container {
|
191
|
-
width: auto;
|
192
|
-
padding: 0;
|
193
|
-
}
|
194
|
-
// Account for brand name
|
195
|
-
.navbar .brand {
|
196
|
-
padding-left: 10px;
|
197
|
-
padding-right: 10px;
|
198
|
-
margin: 0 0 0 -5px;
|
199
|
-
}
|
200
|
-
// Nav collapse clears brand
|
201
|
-
.navbar .nav-collapse {
|
202
|
-
clear: left;
|
203
|
-
}
|
204
|
-
// Block-level the nav
|
205
|
-
.navbar .nav {
|
206
|
-
float: none;
|
207
|
-
margin: 0 0 (@baseLineHeight / 2);
|
208
|
-
}
|
209
|
-
.navbar .nav > li {
|
210
|
-
float: none;
|
211
|
-
}
|
212
|
-
.navbar .nav > li > a {
|
213
|
-
margin-bottom: 2px;
|
214
|
-
}
|
215
|
-
.navbar .nav > .divider-vertical {
|
216
|
-
display: none;
|
217
|
-
}
|
218
|
-
// Nav and dropdown links in navbar
|
219
|
-
.navbar .nav > li > a,
|
220
|
-
.navbar .dropdown-menu a {
|
221
|
-
padding: 6px 15px;
|
222
|
-
font-weight: bold;
|
223
|
-
color: @navbarLinkColor;
|
224
|
-
.border-radius(3px);
|
225
|
-
}
|
226
|
-
.navbar .dropdown-menu li + li a {
|
227
|
-
margin-bottom: 2px;
|
228
|
-
}
|
229
|
-
.navbar .nav > li > a:hover,
|
230
|
-
.navbar .dropdown-menu a:hover {
|
231
|
-
background-color: @navbarBackground;
|
232
|
-
}
|
233
|
-
// Dropdowns in the navbar
|
234
|
-
.navbar .dropdown-menu {
|
235
|
-
position: static;
|
236
|
-
top: auto;
|
237
|
-
left: auto;
|
238
|
-
float: none;
|
239
|
-
display: block;
|
240
|
-
max-width: none;
|
241
|
-
margin: 0 15px;
|
242
|
-
padding: 0;
|
243
|
-
background-color: transparent;
|
244
|
-
border: none;
|
245
|
-
.border-radius(0);
|
246
|
-
.box-shadow(none);
|
247
|
-
}
|
248
|
-
.navbar .dropdown-menu:before,
|
249
|
-
.navbar .dropdown-menu:after {
|
250
|
-
display: none;
|
251
|
-
}
|
252
|
-
.navbar .dropdown-menu .divider {
|
253
|
-
display: none;
|
254
|
-
}
|
255
|
-
// Forms in navbar
|
256
|
-
.navbar-form,
|
257
|
-
.navbar-search {
|
258
|
-
float: none;
|
259
|
-
padding: (@baseLineHeight / 2) 15px;
|
260
|
-
margin: (@baseLineHeight / 2) 0;
|
261
|
-
border-top: 1px solid @navbarBackground;
|
262
|
-
border-bottom: 1px solid @navbarBackground;
|
263
|
-
@shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
|
264
|
-
.box-shadow(@shadow);
|
265
|
-
}
|
266
|
-
// Pull right (secondary) nav content
|
267
|
-
.navbar .nav.pull-right {
|
268
|
-
float: none;
|
269
|
-
margin-left: 0;
|
270
|
-
}
|
271
|
-
// Static navbar
|
272
|
-
.navbar-static .navbar-inner {
|
273
|
-
padding-left: 10px;
|
274
|
-
padding-right: 10px;
|
275
|
-
}
|
276
|
-
// Navbar button
|
277
|
-
.btn-navbar {
|
278
|
-
display: block;
|
279
|
-
}
|
280
|
-
|
281
|
-
// Hide everything in the navbar save .brand and toggle button */
|
282
|
-
.nav-collapse {
|
283
|
-
overflow: hidden;
|
284
|
-
height: 0;
|
285
|
-
}
|
286
|
-
}
|
287
|
-
|
288
|
-
|
289
|
-
|
290
|
-
// DEFAULT DESKTOP
|
291
|
-
// ---------------
|
292
|
-
|
293
|
-
@media (min-width: 980px) {
|
294
|
-
.nav-collapse.collapse {
|
295
|
-
height: auto !important;
|
296
|
-
}
|
297
|
-
}
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
// LARGE DESKTOP & UP
|
31
|
+
// MEDIA QUERIES
|
302
32
|
// ------------------
|
303
33
|
|
304
|
-
|
34
|
+
// Phones to portrait tablets and narrow desktops
|
35
|
+
@import "responsive-767px-max.less";
|
305
36
|
|
306
|
-
|
307
|
-
|
37
|
+
// Tablets to regular desktops
|
38
|
+
@import "responsive-768px-979px.less";
|
308
39
|
|
309
|
-
|
310
|
-
|
40
|
+
// Large desktops
|
41
|
+
@import "responsive-1200px-min.less";
|
311
42
|
|
312
|
-
// Input grid
|
313
|
-
#inputGridSystem > .generate(12, 70px, 30px);
|
314
43
|
|
315
|
-
|
316
|
-
|
317
|
-
margin-left: -30px;
|
318
|
-
}
|
319
|
-
.thumbnails > li {
|
320
|
-
margin-left: 30px;
|
321
|
-
}
|
44
|
+
// RESPONSIVE NAVBAR
|
45
|
+
// ------------------
|
322
46
|
|
323
|
-
|
47
|
+
// From 979px and below, show a button to toggle navbar contents
|
48
|
+
@import "responsive-navbar.less";
|
@@ -3,8 +3,8 @@
|
|
3
3
|
// -------------------------------------------------------------------------------------------
|
4
4
|
|
5
5
|
|
6
|
-
//
|
7
|
-
//
|
6
|
+
// Body reset
|
7
|
+
// ----------
|
8
8
|
|
9
9
|
body {
|
10
10
|
margin: 0;
|
@@ -12,11 +12,11 @@ body {
|
|
12
12
|
font-size: @baseFontSize;
|
13
13
|
line-height: @baseLineHeight;
|
14
14
|
color: @textColor;
|
15
|
-
background-color: @
|
15
|
+
background-color: @bodyBackground;
|
16
16
|
}
|
17
17
|
|
18
18
|
|
19
|
-
//
|
19
|
+
// Links
|
20
20
|
// -----
|
21
21
|
|
22
22
|
a {
|
@@ -6,27 +6,29 @@
|
|
6
6
|
// ICONS
|
7
7
|
// -----
|
8
8
|
|
9
|
-
// All icons receive the styles of the <i> tag with a base class
|
10
|
-
// of .i and are then given a unique class to add width, height,
|
9
|
+
// All icons receive the styles of the <i> tag with a base class
|
10
|
+
// of .i and are then given a unique class to add width, height,
|
11
11
|
// and background-position. Your resulting HTML will look like
|
12
|
-
// <i class="
|
12
|
+
// <i class="icon-inbox"></i>.
|
13
13
|
|
14
|
-
// For the white version of the
|
15
|
-
// <i class="
|
14
|
+
// For the white version of the icons, just add the .icon-white class:
|
15
|
+
// <i class="icon-inbox icon-white"></i>
|
16
16
|
|
17
|
-
[class^="icon-"]
|
17
|
+
[class^="icon-"],
|
18
|
+
[class*=" icon-"] {
|
18
19
|
display: inline-block;
|
19
20
|
width: 14px;
|
20
21
|
height: 14px;
|
22
|
+
.ie7-restore-right-whitespace();
|
23
|
+
line-height: 14px;
|
21
24
|
vertical-align: text-top;
|
22
|
-
background-image: url(
|
25
|
+
background-image: url("@{iconSpritePath}");
|
23
26
|
background-position: 14px 14px;
|
24
27
|
background-repeat: no-repeat;
|
25
28
|
|
26
|
-
.ie7-restore-right-whitespace();
|
27
29
|
}
|
28
30
|
.icon-white {
|
29
|
-
background-image: url(
|
31
|
+
background-image: url("@{iconWhiteSpritePath}");
|
30
32
|
}
|
31
33
|
|
32
34
|
.icon-glass { background-position: 0 0; }
|
@@ -147,10 +149,43 @@
|
|
147
149
|
.icon-comment { background-position: -240px -120px; }
|
148
150
|
.icon-magnet { background-position: -264px -120px; }
|
149
151
|
.icon-chevron-up { background-position: -288px -120px; }
|
150
|
-
.icon-chevron-down { background-position: -313px -119px; } // 1px off
|
152
|
+
.icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off
|
151
153
|
.icon-retweet { background-position: -336px -120px; }
|
152
154
|
.icon-shopping-cart { background-position: -360px -120px; }
|
153
155
|
.icon-folder-close { background-position: -384px -120px; }
|
154
156
|
.icon-folder-open { background-position: -408px -120px; }
|
155
|
-
.icon-resize-vertical { background-position: -432px -119px; }
|
156
|
-
.icon-resize-horizontal { background-position: -456px -118px; }
|
157
|
+
.icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
|
158
|
+
.icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
|
159
|
+
|
160
|
+
.icon-hdd { background-position: 0 -144px; }
|
161
|
+
.icon-bullhorn { background-position: -24px -144px; }
|
162
|
+
.icon-bell { background-position: -48px -144px; }
|
163
|
+
.icon-certificate { background-position: -72px -144px; }
|
164
|
+
.icon-thumbs-up { background-position: -96px -144px; }
|
165
|
+
.icon-thumbs-down { background-position: -120px -144px; }
|
166
|
+
.icon-hand-right { background-position: -144px -144px; }
|
167
|
+
.icon-hand-left { background-position: -168px -144px; }
|
168
|
+
.icon-hand-up { background-position: -192px -144px; }
|
169
|
+
.icon-hand-down { background-position: -216px -144px; }
|
170
|
+
.icon-circle-arrow-right { background-position: -240px -144px; }
|
171
|
+
.icon-circle-arrow-left { background-position: -264px -144px; }
|
172
|
+
.icon-circle-arrow-up { background-position: -288px -144px; }
|
173
|
+
.icon-circle-arrow-down { background-position: -312px -144px; }
|
174
|
+
.icon-globe { background-position: -336px -144px; }
|
175
|
+
.icon-wrench { background-position: -360px -144px; }
|
176
|
+
.icon-tasks { background-position: -384px -144px; }
|
177
|
+
.icon-filter { background-position: -408px -144px; }
|
178
|
+
.icon-briefcase { background-position: -432px -144px; }
|
179
|
+
.icon-fullscreen { background-position: -456px -144px; }
|
180
|
+
|
181
|
+
|
182
|
+
|
183
|
+
|
184
|
+
|
185
|
+
|
186
|
+
|
187
|
+
|
188
|
+
|
189
|
+
|
190
|
+
|
191
|
+
|