bootstrapped 1.0.1 → 2.0.3
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
|