bootstrap-generators 2.0.4 → 2.1.1
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/README.md +211 -63
- data/lib/bootstrap/generators/version.rb +1 -1
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.scss +102 -28
- data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.less +104 -31
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-affix.js +104 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/bootstrap-button.js +2 -2
- data/vendor/assets/javascripts/bootstrap-carousel.js +12 -5
- data/vendor/assets/javascripts/bootstrap-collapse.js +4 -3
- data/vendor/assets/javascripts/bootstrap-dropdown.js +66 -16
- data/vendor/assets/javascripts/bootstrap-modal.js +95 -74
- data/vendor/assets/javascripts/bootstrap-popover.js +9 -4
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +9 -9
- data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
- data/vendor/assets/javascripts/bootstrap-tooltip.js +15 -15
- data/vendor/assets/javascripts/bootstrap-transition.js +2 -3
- data/vendor/assets/javascripts/bootstrap-typeahead.js +51 -36
- data/vendor/assets/javascripts/bootstrap.js +1 -1
- data/vendor/assets/stylesheets/bootstrap-responsive.css +1058 -0
- data/vendor/assets/stylesheets/bootstrap-responsive.min.css +9 -0
- data/vendor/assets/stylesheets/bootstrap.css +5774 -0
- data/vendor/assets/stylesheets/bootstrap.min.css +9 -0
- data/vendor/twitter/bootstrap/less/accordion.less +3 -2
- data/vendor/twitter/bootstrap/less/alerts.less +16 -9
- data/vendor/twitter/bootstrap/less/bootstrap.less +1 -1
- data/vendor/twitter/bootstrap/less/breadcrumbs.less +10 -10
- data/vendor/twitter/bootstrap/less/button-groups.less +79 -25
- data/vendor/twitter/bootstrap/less/buttons.less +107 -67
- data/vendor/twitter/bootstrap/less/carousel.less +13 -3
- data/vendor/twitter/bootstrap/less/close.less +4 -2
- data/vendor/twitter/bootstrap/less/code.less +6 -5
- data/vendor/twitter/bootstrap/less/component-animations.less +4 -2
- data/vendor/twitter/bootstrap/less/dropdowns.less +82 -15
- data/vendor/twitter/bootstrap/less/forms.less +124 -57
- data/vendor/twitter/bootstrap/less/grid.less +17 -1
- data/vendor/twitter/bootstrap/less/hero-unit.less +4 -2
- data/vendor/twitter/bootstrap/less/labels-badges.less +19 -2
- data/vendor/twitter/bootstrap/less/layouts.less +1 -2
- data/vendor/twitter/bootstrap/less/mixins.less +112 -77
- data/vendor/twitter/bootstrap/less/modals.less +12 -4
- data/vendor/twitter/bootstrap/less/navbar.less +245 -128
- data/vendor/twitter/bootstrap/less/navs.less +38 -17
- data/vendor/twitter/bootstrap/less/pager.less +11 -7
- data/vendor/twitter/bootstrap/less/pagination.less +23 -15
- data/vendor/twitter/bootstrap/less/popovers.less +101 -33
- data/vendor/twitter/bootstrap/less/progress-bars.less +18 -13
- data/vendor/twitter/bootstrap/less/reset.less +10 -4
- data/vendor/twitter/bootstrap/less/responsive-1200px-min.less +9 -7
- data/vendor/twitter/bootstrap/less/responsive-767px-max.less +95 -70
- data/vendor/twitter/bootstrap/less/responsive-768px-979px.less +7 -5
- data/vendor/twitter/bootstrap/less/responsive-navbar.less +30 -6
- data/vendor/twitter/bootstrap/less/responsive-utilities.less +17 -15
- data/vendor/twitter/bootstrap/less/responsive.less +5 -5
- data/vendor/twitter/bootstrap/less/scaffolding.less +27 -4
- data/vendor/twitter/bootstrap/less/sprites.less +21 -19
- data/vendor/twitter/bootstrap/less/tables.less +81 -12
- data/vendor/twitter/bootstrap/less/thumbnails.less +9 -4
- data/vendor/twitter/bootstrap/less/tooltip.less +47 -12
- data/vendor/twitter/bootstrap/less/type.less +75 -86
- data/vendor/twitter/bootstrap/less/utilities.less +9 -2
- data/vendor/twitter/bootstrap/less/variables.less +104 -31
- data/vendor/twitter/bootstrap/less/wells.less +7 -5
- data/vendor/twitter/bootstrap/sass/_accordion.scss +3 -2
- data/vendor/twitter/bootstrap/sass/_alerts.scss +15 -8
- data/vendor/twitter/bootstrap/sass/_breadcrumbs.scss +10 -10
- data/vendor/twitter/bootstrap/sass/_button-groups.scss +77 -23
- data/vendor/twitter/bootstrap/sass/_buttons.scss +106 -66
- data/vendor/twitter/bootstrap/sass/_carousel.scss +13 -3
- data/vendor/twitter/bootstrap/sass/_close.scss +5 -3
- data/vendor/twitter/bootstrap/sass/_code.scss +7 -6
- data/vendor/twitter/bootstrap/sass/_component-animations.scss +5 -3
- data/vendor/twitter/bootstrap/sass/_dropdowns.scss +85 -18
- data/vendor/twitter/bootstrap/sass/_forms.scss +121 -53
- data/vendor/twitter/bootstrap/sass/_grid.scss +17 -1
- data/vendor/twitter/bootstrap/sass/_hero-unit.scss +4 -2
- data/vendor/twitter/bootstrap/sass/_labels-badges.scss +29 -12
- data/vendor/twitter/bootstrap/sass/_layouts.scss +2 -3
- data/vendor/twitter/bootstrap/sass/_mixins.scss +163 -127
- data/vendor/twitter/bootstrap/sass/_modals.scss +12 -4
- data/vendor/twitter/bootstrap/sass/_navbar.scss +243 -127
- data/vendor/twitter/bootstrap/sass/_navs.scss +36 -15
- data/vendor/twitter/bootstrap/sass/_pager.scss +12 -8
- data/vendor/twitter/bootstrap/sass/_pagination.scss +23 -15
- data/vendor/twitter/bootstrap/sass/_popovers.scss +101 -33
- data/vendor/twitter/bootstrap/sass/_progress-bars.scss +18 -13
- data/vendor/twitter/bootstrap/sass/_reset.scss +8 -3
- data/vendor/twitter/bootstrap/sass/_responsive-1200px-min.scss +9 -7
- data/vendor/twitter/bootstrap/sass/_responsive-767px-max.scss +95 -70
- data/vendor/twitter/bootstrap/sass/_responsive-768px-979px.scss +8 -6
- data/vendor/twitter/bootstrap/sass/_responsive-navbar.scss +29 -5
- data/vendor/twitter/bootstrap/sass/_responsive-utilities.scss +32 -15
- data/vendor/twitter/bootstrap/sass/_scaffolding.scss +29 -4
- data/vendor/twitter/bootstrap/sass/_sprites.scss +21 -19
- data/vendor/twitter/bootstrap/sass/_tables.scss +79 -11
- data/vendor/twitter/bootstrap/sass/_thumbnails.scss +9 -4
- data/vendor/twitter/bootstrap/sass/_tooltip.scss +47 -12
- data/vendor/twitter/bootstrap/sass/_type.scss +74 -85
- data/vendor/twitter/bootstrap/sass/_utilities.scss +24 -2
- data/vendor/twitter/bootstrap/sass/_variables.scss +102 -28
- data/vendor/twitter/bootstrap/sass/_wells.scss +7 -5
- data/vendor/twitter/bootstrap/sass/bootstrap.scss +1 -1
- data/vendor/twitter/bootstrap/sass/responsive.scss +5 -5
- metadata +15 -10
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
//
|
|
2
|
-
//
|
|
3
|
-
//
|
|
1
|
+
//
|
|
2
|
+
// Modals
|
|
3
|
+
// Adapted from http://github.com/necolas/normalize.css
|
|
4
|
+
// --------------------------------------------------
|
|
5
|
+
|
|
4
6
|
|
|
5
7
|
// Display in IE6-9 and FF3
|
|
6
8
|
// -------------------------
|
|
@@ -75,7 +77,11 @@ sub {
|
|
|
75
77
|
// -------------------------
|
|
76
78
|
|
|
77
79
|
img {
|
|
78
|
-
|
|
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
|
+
|
|
79
85
|
vertical-align: middle;
|
|
80
86
|
border: 0;
|
|
81
87
|
-ms-interpolation-mode: bicubic;
|
|
@@ -1,23 +1,25 @@
|
|
|
1
|
-
//
|
|
2
|
-
//
|
|
1
|
+
//
|
|
2
|
+
// Responsive: Large desktop and up
|
|
3
|
+
// --------------------------------------------------
|
|
4
|
+
|
|
3
5
|
|
|
4
6
|
@media (min-width: 1200px) {
|
|
5
7
|
|
|
6
8
|
// Fixed grid
|
|
7
|
-
#grid > .core(
|
|
9
|
+
#grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
|
|
8
10
|
|
|
9
11
|
// Fluid grid
|
|
10
|
-
#grid > .fluid(
|
|
12
|
+
#grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
|
|
11
13
|
|
|
12
14
|
// Input grid
|
|
13
|
-
#grid > .input(
|
|
15
|
+
#grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);
|
|
14
16
|
|
|
15
17
|
// Thumbnails
|
|
16
18
|
.thumbnails {
|
|
17
|
-
margin-left:
|
|
19
|
+
margin-left: -@gridGutterWidth1200;
|
|
18
20
|
}
|
|
19
21
|
.thumbnails > li {
|
|
20
|
-
margin-left:
|
|
22
|
+
margin-left: @gridGutterWidth1200;
|
|
21
23
|
}
|
|
22
24
|
.row-fluid .thumbnails {
|
|
23
25
|
margin-left: 0;
|
|
@@ -1,73 +1,8 @@
|
|
|
1
|
-
//
|
|
2
|
-
//
|
|
3
|
-
|
|
4
|
-
@media (max-width: 480px) {
|
|
5
|
-
|
|
6
|
-
// Smooth out the collapsing/expanding nav
|
|
7
|
-
.nav-collapse {
|
|
8
|
-
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
// Block level the page header small tag for readability
|
|
12
|
-
.page-header h1 small {
|
|
13
|
-
display: block;
|
|
14
|
-
line-height: @baseLineHeight;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
// Update checkboxes for iOS
|
|
18
|
-
input[type="checkbox"],
|
|
19
|
-
input[type="radio"] {
|
|
20
|
-
border: 1px solid #ccc;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
// Remove the horizontal form styles
|
|
24
|
-
.form-horizontal .control-group > label {
|
|
25
|
-
float: none;
|
|
26
|
-
width: auto;
|
|
27
|
-
padding-top: 0;
|
|
28
|
-
text-align: left;
|
|
29
|
-
}
|
|
30
|
-
// Move over all input controls and content
|
|
31
|
-
.form-horizontal .controls {
|
|
32
|
-
margin-left: 0;
|
|
33
|
-
}
|
|
34
|
-
// Move the options list down to align with labels
|
|
35
|
-
.form-horizontal .control-list {
|
|
36
|
-
padding-top: 0; // has to be padding because margin collaspes
|
|
37
|
-
}
|
|
38
|
-
// Move over buttons in .form-actions to align with .controls
|
|
39
|
-
.form-horizontal .form-actions {
|
|
40
|
-
padding-left: 10px;
|
|
41
|
-
padding-right: 10px;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
// Modals
|
|
45
|
-
.modal {
|
|
46
|
-
position: absolute;
|
|
47
|
-
top: 10px;
|
|
48
|
-
left: 10px;
|
|
49
|
-
right: 10px;
|
|
50
|
-
width: auto;
|
|
51
|
-
margin: 0;
|
|
52
|
-
&.fade.in { top: auto; }
|
|
53
|
-
}
|
|
54
|
-
.modal-header .close {
|
|
55
|
-
padding: 10px;
|
|
56
|
-
margin: -10px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
// Carousel
|
|
60
|
-
.carousel-caption {
|
|
61
|
-
position: static;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
|
1
|
+
//
|
|
2
|
+
// Responsive: Landscape phone to desktop/tablet
|
|
69
3
|
// --------------------------------------------------
|
|
70
4
|
|
|
5
|
+
|
|
71
6
|
@media (max-width: 767px) {
|
|
72
7
|
|
|
73
8
|
// Padding to set content in a bit
|
|
@@ -77,7 +12,8 @@
|
|
|
77
12
|
}
|
|
78
13
|
// Negative indent the now static "fixed" navbar
|
|
79
14
|
.navbar-fixed-top,
|
|
80
|
-
.navbar-fixed-bottom
|
|
15
|
+
.navbar-fixed-bottom,
|
|
16
|
+
.navbar-static-top {
|
|
81
17
|
margin-left: -20px;
|
|
82
18
|
margin-right: -20px;
|
|
83
19
|
}
|
|
@@ -116,13 +52,23 @@
|
|
|
116
52
|
.thumbnails {
|
|
117
53
|
margin-left: 0;
|
|
118
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
|
+
}
|
|
119
59
|
// Make all grid-sized elements block level again
|
|
120
60
|
[class*="span"],
|
|
121
61
|
.row-fluid [class*="span"] {
|
|
122
62
|
float: none;
|
|
123
63
|
display: block;
|
|
124
|
-
width:
|
|
64
|
+
width: 100%;
|
|
125
65
|
margin-left: 0;
|
|
66
|
+
.box-sizing(border-box);
|
|
67
|
+
}
|
|
68
|
+
.span12,
|
|
69
|
+
.row-fluid .span12 {
|
|
70
|
+
width: 100%;
|
|
71
|
+
.box-sizing(border-box);
|
|
126
72
|
}
|
|
127
73
|
|
|
128
74
|
// FORM FIELDS
|
|
@@ -145,5 +91,84 @@
|
|
|
145
91
|
display: inline-block; // redeclare so they don't wrap to new lines
|
|
146
92
|
width: auto;
|
|
147
93
|
}
|
|
94
|
+
.controls-row [class*="span"] + [class*="span"] {
|
|
95
|
+
margin-left: 0;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
// Modals
|
|
99
|
+
.modal {
|
|
100
|
+
position: fixed;
|
|
101
|
+
top: 20px;
|
|
102
|
+
left: 20px;
|
|
103
|
+
right: 20px;
|
|
104
|
+
width: auto;
|
|
105
|
+
margin: 0;
|
|
106
|
+
&.fade.in { top: auto; }
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
// UP TO LANDSCAPE PHONE
|
|
114
|
+
// ---------------------
|
|
115
|
+
|
|
116
|
+
@media (max-width: 480px) {
|
|
117
|
+
|
|
118
|
+
// Smooth out the collapsing/expanding nav
|
|
119
|
+
.nav-collapse {
|
|
120
|
+
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
// Block level the page header small tag for readability
|
|
124
|
+
.page-header h1 small {
|
|
125
|
+
display: block;
|
|
126
|
+
line-height: @baseLineHeight;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
// Update checkboxes for iOS
|
|
130
|
+
input[type="checkbox"],
|
|
131
|
+
input[type="radio"] {
|
|
132
|
+
border: 1px solid #ccc;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
// Remove the horizontal form styles
|
|
136
|
+
.form-horizontal {
|
|
137
|
+
.control-label {
|
|
138
|
+
float: none;
|
|
139
|
+
width: auto;
|
|
140
|
+
padding-top: 0;
|
|
141
|
+
text-align: left;
|
|
142
|
+
}
|
|
143
|
+
// Move over all input controls and content
|
|
144
|
+
.controls {
|
|
145
|
+
margin-left: 0;
|
|
146
|
+
}
|
|
147
|
+
// Move the options list down to align with labels
|
|
148
|
+
.control-list {
|
|
149
|
+
padding-top: 0; // has to be padding because margin collaspes
|
|
150
|
+
}
|
|
151
|
+
// Move over buttons in .form-actions to align with .controls
|
|
152
|
+
.form-actions {
|
|
153
|
+
padding-left: 10px;
|
|
154
|
+
padding-right: 10px;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
// Modals
|
|
159
|
+
.modal {
|
|
160
|
+
top: 10px;
|
|
161
|
+
left: 10px;
|
|
162
|
+
right: 10px;
|
|
163
|
+
}
|
|
164
|
+
.modal-header .close {
|
|
165
|
+
padding: 10px;
|
|
166
|
+
margin: -10px;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
// Carousel
|
|
170
|
+
.carousel-caption {
|
|
171
|
+
position: static;
|
|
172
|
+
}
|
|
148
173
|
|
|
149
174
|
}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
//
|
|
2
|
-
//
|
|
1
|
+
//
|
|
2
|
+
// Responsive: Tablet to desktop
|
|
3
|
+
// --------------------------------------------------
|
|
4
|
+
|
|
3
5
|
|
|
4
6
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
5
7
|
|
|
6
8
|
// Fixed grid
|
|
7
|
-
#grid > .core(
|
|
9
|
+
#grid > .core(@gridColumnWidth768, @gridGutterWidth768);
|
|
8
10
|
|
|
9
11
|
// Fluid grid
|
|
10
|
-
#grid > .fluid(
|
|
12
|
+
#grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768);
|
|
11
13
|
|
|
12
14
|
// Input grid
|
|
13
|
-
#grid > .input(
|
|
15
|
+
#grid > .input(@gridColumnWidth768, @gridGutterWidth768);
|
|
14
16
|
|
|
15
17
|
// No need to reset .thumbnails here since it's the same @gridGutterWidth
|
|
16
18
|
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Responsive: Navbar
|
|
3
|
+
// --------------------------------------------------
|
|
4
|
+
|
|
5
|
+
|
|
1
6
|
// TABLETS AND BELOW
|
|
2
7
|
// -----------------
|
|
3
|
-
@media (max-width:
|
|
8
|
+
@media (max-width: @navbarCollapseWidth) {
|
|
4
9
|
|
|
5
10
|
// UNFIX THE TOPBAR
|
|
6
11
|
// ----------------
|
|
@@ -8,7 +13,7 @@
|
|
|
8
13
|
body {
|
|
9
14
|
padding-top: 0;
|
|
10
15
|
}
|
|
11
|
-
// Unfix the
|
|
16
|
+
// Unfix the navbars
|
|
12
17
|
.navbar-fixed-top,
|
|
13
18
|
.navbar-fixed-bottom {
|
|
14
19
|
position: static;
|
|
@@ -61,7 +66,7 @@
|
|
|
61
66
|
// Nav and dropdown links in navbar
|
|
62
67
|
.nav-collapse .nav > li > a,
|
|
63
68
|
.nav-collapse .dropdown-menu a {
|
|
64
|
-
padding:
|
|
69
|
+
padding: 9px 15px;
|
|
65
70
|
font-weight: bold;
|
|
66
71
|
color: @navbarLinkColor;
|
|
67
72
|
.border-radius(3px);
|
|
@@ -79,6 +84,10 @@
|
|
|
79
84
|
.nav-collapse .dropdown-menu a:hover {
|
|
80
85
|
background-color: @navbarBackground;
|
|
81
86
|
}
|
|
87
|
+
.navbar-inverse .nav-collapse .nav > li > a:hover,
|
|
88
|
+
.navbar-inverse .nav-collapse .dropdown-menu a:hover {
|
|
89
|
+
background-color: @navbarInverseBackground;
|
|
90
|
+
}
|
|
82
91
|
// Buttons in the navbar
|
|
83
92
|
.nav-collapse.in .btn-group {
|
|
84
93
|
margin-top: 5px;
|
|
@@ -106,6 +115,12 @@
|
|
|
106
115
|
.nav-collapse .dropdown-menu .divider {
|
|
107
116
|
display: none;
|
|
108
117
|
}
|
|
118
|
+
.nav-collapse .nav > li > .dropdown-menu {
|
|
119
|
+
&:before,
|
|
120
|
+
&:after {
|
|
121
|
+
display: none;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
109
124
|
// Forms in navbar
|
|
110
125
|
.nav-collapse .navbar-form,
|
|
111
126
|
.nav-collapse .navbar-search {
|
|
@@ -114,7 +129,12 @@
|
|
|
114
129
|
margin: (@baseLineHeight / 2) 0;
|
|
115
130
|
border-top: 1px solid @navbarBackground;
|
|
116
131
|
border-bottom: 1px solid @navbarBackground;
|
|
117
|
-
.box-shadow(
|
|
132
|
+
.box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1));
|
|
133
|
+
}
|
|
134
|
+
.navbar-inverse .nav-collapse .navbar-form,
|
|
135
|
+
.navbar-inverse .nav-collapse .navbar-search {
|
|
136
|
+
border-top-color: @navbarInverseBackground;
|
|
137
|
+
border-bottom-color: @navbarInverseBackground;
|
|
118
138
|
}
|
|
119
139
|
// Pull right (secondary) nav content
|
|
120
140
|
.navbar .nav-collapse .nav.pull-right {
|
|
@@ -138,16 +158,20 @@
|
|
|
138
158
|
padding-left: 10px;
|
|
139
159
|
padding-right: 10px;
|
|
140
160
|
}
|
|
161
|
+
|
|
162
|
+
|
|
141
163
|
}
|
|
142
164
|
|
|
143
165
|
|
|
144
166
|
// DEFAULT DESKTOP
|
|
145
167
|
// ---------------
|
|
146
168
|
|
|
147
|
-
// Required to make the collapsing navbar work on regular desktops
|
|
148
169
|
@media (min-width: 980px) {
|
|
170
|
+
|
|
171
|
+
// Required to make the collapsing navbar work on regular desktops
|
|
149
172
|
.nav-collapse.collapse {
|
|
150
173
|
height: auto !important;
|
|
151
174
|
overflow: visible !important;
|
|
152
175
|
}
|
|
153
|
-
|
|
176
|
+
|
|
177
|
+
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
//
|
|
2
|
-
//
|
|
1
|
+
//
|
|
2
|
+
// Responsive: Utility classes
|
|
3
|
+
// --------------------------------------------------
|
|
4
|
+
|
|
3
5
|
|
|
4
6
|
// Hide from screenreaders and browsers
|
|
5
7
|
// Credit: HTML5 Boilerplate
|
|
@@ -13,29 +15,29 @@
|
|
|
13
15
|
// For desktops
|
|
14
16
|
.visible-phone { display: none !important; }
|
|
15
17
|
.visible-tablet { display: none !important; }
|
|
16
|
-
.visible-desktop { } // Don't set initially
|
|
17
18
|
.hidden-phone { }
|
|
18
19
|
.hidden-tablet { }
|
|
19
20
|
.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
|
-
}
|
|
21
|
+
.visible-desktop { display: inherit !important; }
|
|
31
22
|
|
|
32
23
|
// Tablets & small desktops only
|
|
33
24
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
25
|
+
// Hide everything else
|
|
26
|
+
.hidden-desktop { display: inherit !important; }
|
|
27
|
+
.visible-desktop { display: none !important ; }
|
|
34
28
|
// Show
|
|
35
29
|
.visible-tablet { display: inherit !important; }
|
|
36
30
|
// Hide
|
|
37
31
|
.hidden-tablet { display: none !important; }
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
// Phones only
|
|
35
|
+
@media (max-width: 767px) {
|
|
38
36
|
// Hide everything else
|
|
39
37
|
.hidden-desktop { display: inherit !important; }
|
|
40
|
-
.visible-desktop { display: none !important
|
|
38
|
+
.visible-desktop { display: none !important; }
|
|
39
|
+
// Show
|
|
40
|
+
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
|
|
41
|
+
// Hide
|
|
42
|
+
.hidden-phone { display: none !important; }
|
|
41
43
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Bootstrap Responsive v2.
|
|
2
|
+
* Bootstrap Responsive v2.1.1
|
|
3
3
|
*
|
|
4
4
|
* Copyright 2012 Twitter, Inc
|
|
5
5
|
* Licensed under the Apache License v2.0
|
|
@@ -31,14 +31,14 @@
|
|
|
31
31
|
// MEDIA QUERIES
|
|
32
32
|
// ------------------
|
|
33
33
|
|
|
34
|
-
//
|
|
35
|
-
@import "responsive-
|
|
34
|
+
// Large desktops
|
|
35
|
+
@import "responsive-1200px-min.less";
|
|
36
36
|
|
|
37
37
|
// Tablets to regular desktops
|
|
38
38
|
@import "responsive-768px-979px.less";
|
|
39
39
|
|
|
40
|
-
//
|
|
41
|
-
@import "responsive-
|
|
40
|
+
// Phones to portrait tablets and narrow desktops
|
|
41
|
+
@import "responsive-767px-max.less";
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
// RESPONSIVE NAVBAR
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
+
//
|
|
1
2
|
// Scaffolding
|
|
2
|
-
//
|
|
3
|
-
// -------------------------------------------------------------------------------------------
|
|
3
|
+
// --------------------------------------------------
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
// Body reset
|
|
7
|
-
//
|
|
7
|
+
// -------------------------
|
|
8
8
|
|
|
9
9
|
body {
|
|
10
10
|
margin: 0;
|
|
@@ -17,7 +17,7 @@ body {
|
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
// Links
|
|
20
|
-
//
|
|
20
|
+
// -------------------------
|
|
21
21
|
|
|
22
22
|
a {
|
|
23
23
|
color: @linkColor;
|
|
@@ -27,3 +27,26 @@ a:hover {
|
|
|
27
27
|
color: @linkColorHover;
|
|
28
28
|
text-decoration: underline;
|
|
29
29
|
}
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
// Images
|
|
33
|
+
// -------------------------
|
|
34
|
+
|
|
35
|
+
// Rounded corners
|
|
36
|
+
.img-rounded {
|
|
37
|
+
.border-radius(6px);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// Add polaroid-esque trim
|
|
41
|
+
.img-polaroid {
|
|
42
|
+
padding: 4px;
|
|
43
|
+
background-color: #fff;
|
|
44
|
+
border: 1px solid #ccc;
|
|
45
|
+
border: 1px solid rgba(0,0,0,.2);
|
|
46
|
+
.box-shadow(0 1px 3px rgba(0,0,0,.1));
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
// Perfect circle
|
|
50
|
+
.img-circle {
|
|
51
|
+
.border-radius(500px); // crank the border-radius so it works with most reasonably sized images
|
|
52
|
+
}
|