sass-twitter-bootstrap 2.0.1 → 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/lib/sass/twitter/bootstrap/version.rb +1 -1
- data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/twitter/bootstrap-affix.js +104 -0
- data/vendor/assets/javascripts/twitter/bootstrap-alert.js +28 -32
- data/vendor/assets/javascripts/twitter/bootstrap-button.js +29 -33
- data/vendor/assets/javascripts/twitter/bootstrap-carousel.js +43 -24
- data/vendor/assets/javascripts/twitter/bootstrap-collapse.js +50 -28
- data/vendor/assets/javascripts/twitter/bootstrap-dropdown.js +77 -19
- data/vendor/assets/javascripts/twitter/bootstrap-modal.js +113 -84
- data/vendor/assets/javascripts/twitter/bootstrap-popover.js +19 -11
- data/vendor/assets/javascripts/twitter/bootstrap-scrollspy.js +50 -24
- data/vendor/assets/javascripts/twitter/bootstrap-tab.js +13 -8
- data/vendor/assets/javascripts/twitter/bootstrap-tooltip.js +44 -39
- data/vendor/assets/javascripts/twitter/bootstrap-transition.js +29 -20
- data/vendor/assets/javascripts/twitter/bootstrap-typeahead.js +73 -44
- data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
- data/vendor/assets/stylesheets/tests/css-tests.css +1 -12
- data/vendor/assets/stylesheets/tests/css-tests.html +22 -125
- data/vendor/assets/stylesheets/tests/navbar.html +39 -38
- data/vendor/assets/stylesheets/twitter/_accordion.scss +8 -2
- data/vendor/assets/stylesheets/twitter/_alerts.scss +16 -21
- data/vendor/assets/stylesheets/twitter/_breadcrumbs.scss +12 -10
- data/vendor/assets/stylesheets/twitter/_button-groups.scss +137 -39
- data/vendor/assets/stylesheets/twitter/_buttons.scss +129 -81
- data/vendor/assets/stylesheets/twitter/_carousel.scss +13 -3
- data/vendor/assets/stylesheets/twitter/_close.scss +16 -3
- data/vendor/assets/stylesheets/twitter/_code.scss +11 -10
- data/vendor/assets/stylesheets/twitter/_component-animations.scss +12 -8
- data/vendor/assets/stylesheets/twitter/_dropdowns.scss +133 -53
- data/vendor/assets/stylesheets/twitter/_forms.scss +298 -170
- data/vendor/assets/stylesheets/twitter/_grid.scss +17 -4
- data/vendor/assets/stylesheets/twitter/_hero-unit.scss +7 -3
- data/vendor/assets/stylesheets/twitter/_labels-badges.scss +69 -0
- data/vendor/assets/stylesheets/twitter/_layouts.scss +2 -3
- data/vendor/assets/stylesheets/twitter/_mixins.scss +359 -258
- data/vendor/assets/stylesheets/twitter/_modals.scss +26 -12
- data/vendor/assets/stylesheets/twitter/_navbar.scss +318 -143
- data/vendor/assets/stylesheets/twitter/_navs.scss +87 -56
- data/vendor/assets/stylesheets/twitter/_pager.scss +16 -6
- data/vendor/assets/stylesheets/twitter/_pagination.scss +23 -14
- data/vendor/assets/stylesheets/twitter/_popovers.scss +101 -33
- data/vendor/assets/stylesheets/twitter/_progress-bars.scss +43 -16
- data/vendor/assets/stylesheets/twitter/_reset.scss +16 -6
- data/vendor/assets/stylesheets/twitter/_responsive-1200px-min.scss +28 -0
- data/vendor/assets/stylesheets/twitter/_responsive-767px-max.scss +174 -0
- data/vendor/assets/stylesheets/twitter/_responsive-768px-979px.scss +19 -0
- data/vendor/assets/stylesheets/twitter/_responsive-navbar.scss +177 -0
- data/vendor/assets/stylesheets/twitter/_responsive-utilities.scss +58 -0
- data/vendor/assets/stylesheets/twitter/_scaffolding.scss +32 -11
- data/vendor/assets/stylesheets/twitter/_sprites.scss +49 -14
- data/vendor/assets/stylesheets/twitter/_tables.scss +115 -42
- data/vendor/assets/stylesheets/twitter/_thumbnails.scss +23 -6
- data/vendor/assets/stylesheets/twitter/_tooltip.scss +47 -12
- data/vendor/assets/stylesheets/twitter/_type.scss +96 -93
- data/vendor/assets/stylesheets/twitter/_utilities.scss +24 -2
- data/vendor/assets/stylesheets/twitter/_variables.scss +202 -31
- data/vendor/assets/stylesheets/twitter/_wells.scss +17 -5
- data/vendor/assets/stylesheets/twitter/bootstrap.scss +3 -7
- data/vendor/assets/stylesheets/twitter/responsive.scss +15 -301
- metadata +10 -7
- data/vendor/assets/stylesheets/tests/buttons.html +0 -139
- data/vendor/assets/stylesheets/tests/forms-responsive.html +0 -71
- data/vendor/assets/stylesheets/tests/navbar-fixed-top.html +0 -104
- data/vendor/assets/stylesheets/tests/navbar-static-top.html +0 -107
- data/vendor/assets/stylesheets/twitter/_labels.scss +0 -32
@@ -1,5 +1,6 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Progress bars
|
3
|
+
// --------------------------------------------------
|
3
4
|
|
4
5
|
|
5
6
|
// ANIMATIONS
|
@@ -7,20 +8,32 @@
|
|
7
8
|
|
8
9
|
// Webkit
|
9
10
|
@-webkit-keyframes progress-bar-stripes {
|
10
|
-
from { background-position:
|
11
|
-
to { background-position:
|
11
|
+
from { background-position: 40px 0; }
|
12
|
+
to { background-position: 0 0; }
|
12
13
|
}
|
13
14
|
|
14
15
|
// Firefox
|
15
16
|
@-moz-keyframes progress-bar-stripes {
|
17
|
+
from { background-position: 40px 0; }
|
18
|
+
to { background-position: 0 0; }
|
19
|
+
}
|
20
|
+
|
21
|
+
// IE9
|
22
|
+
@-ms-keyframes progress-bar-stripes {
|
23
|
+
from { background-position: 40px 0; }
|
24
|
+
to { background-position: 0 0; }
|
25
|
+
}
|
26
|
+
|
27
|
+
// Opera
|
28
|
+
@-o-keyframes progress-bar-stripes {
|
16
29
|
from { background-position: 0 0; }
|
17
30
|
to { background-position: 40px 0; }
|
18
31
|
}
|
19
32
|
|
20
33
|
// Spec
|
21
34
|
@keyframes progress-bar-stripes {
|
22
|
-
from { background-position:
|
23
|
-
to { background-position:
|
35
|
+
from { background-position: 40px 0; }
|
36
|
+
to { background-position: 0 0; }
|
24
37
|
}
|
25
38
|
|
26
39
|
|
@@ -31,8 +44,8 @@
|
|
31
44
|
// Outer container
|
32
45
|
.progress {
|
33
46
|
overflow: hidden;
|
34
|
-
height:
|
35
|
-
margin-bottom:
|
47
|
+
height: $baseLineHeight;
|
48
|
+
margin-bottom: $baseLineHeight;
|
36
49
|
@include gradient-vertical(#f5f5f5, #f9f9f9);
|
37
50
|
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
38
51
|
@include border-radius(4px);
|
@@ -41,8 +54,9 @@
|
|
41
54
|
// Bar of progress
|
42
55
|
.progress .bar {
|
43
56
|
width: 0%;
|
44
|
-
height:
|
57
|
+
height: 100%;
|
45
58
|
color: $white;
|
59
|
+
float: left;
|
46
60
|
font-size: 12px;
|
47
61
|
text-align: center;
|
48
62
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
@@ -51,10 +65,13 @@
|
|
51
65
|
@include box-sizing(border-box);
|
52
66
|
@include transition(width .6s ease);
|
53
67
|
}
|
68
|
+
.progress .bar + .bar {
|
69
|
+
@include box-shadow(#{inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)});
|
70
|
+
}
|
54
71
|
|
55
72
|
// Striped bars
|
56
73
|
.progress-striped .bar {
|
57
|
-
@include gradient-striped(#
|
74
|
+
@include gradient-striped(#149bdf);
|
58
75
|
@include background-size(40px 40px);
|
59
76
|
}
|
60
77
|
|
@@ -62,6 +79,8 @@
|
|
62
79
|
.progress.active .bar {
|
63
80
|
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
64
81
|
-moz-animation: progress-bar-stripes 2s linear infinite;
|
82
|
+
-ms-animation: progress-bar-stripes 2s linear infinite;
|
83
|
+
-o-animation: progress-bar-stripes 2s linear infinite;
|
65
84
|
animation: progress-bar-stripes 2s linear infinite;
|
66
85
|
}
|
67
86
|
|
@@ -71,25 +90,33 @@
|
|
71
90
|
// ------
|
72
91
|
|
73
92
|
// Danger (red)
|
74
|
-
.progress-danger .bar {
|
93
|
+
.progress-danger .bar, .progress .bar-danger {
|
75
94
|
@include gradient-vertical(#ee5f5b, #c43c35);
|
76
95
|
}
|
77
|
-
.progress-danger.progress-striped .bar {
|
96
|
+
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
|
78
97
|
@include gradient-striped(#ee5f5b);
|
79
98
|
}
|
80
99
|
|
81
100
|
// Success (green)
|
82
|
-
.progress-success .bar {
|
101
|
+
.progress-success .bar, .progress .bar-success {
|
83
102
|
@include gradient-vertical(#62c462, #57a957);
|
84
103
|
}
|
85
|
-
.progress-success.progress-striped .bar {
|
104
|
+
.progress-success.progress-striped .bar, .progress-striped .bar-success {
|
86
105
|
@include gradient-striped(#62c462);
|
87
106
|
}
|
88
107
|
|
89
108
|
// Info (teal)
|
90
|
-
.progress
|
109
|
+
.progress-info .bar, .progress .bar-info {
|
91
110
|
@include gradient-vertical(#5bc0de, #339bb9);
|
92
111
|
}
|
93
|
-
.progress-info.progress-striped .bar {
|
112
|
+
.progress-info.progress-striped .bar, .progress-striped .bar-info {
|
94
113
|
@include gradient-striped(#5bc0de);
|
95
114
|
}
|
115
|
+
|
116
|
+
// Warning (orange)
|
117
|
+
.progress-warning .bar, .progress .bar-warning {
|
118
|
+
@include gradient-vertical(lighten($orange, 15%), $orange);
|
119
|
+
}
|
120
|
+
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
121
|
+
@include gradient-striped(lighten($orange, 15%));
|
122
|
+
}
|
@@ -1,6 +1,7 @@
|
|
1
|
-
//
|
2
|
-
//
|
3
|
-
//
|
1
|
+
//
|
2
|
+
// Reset
|
3
|
+
// Adapted from http://github.com/necolas/normalize.css
|
4
|
+
// --------------------------------------------------
|
4
5
|
|
5
6
|
// Display in IE6-9 and FF3
|
6
7
|
// -------------------------
|
@@ -75,12 +76,21 @@ sub {
|
|
75
76
|
// -------------------------
|
76
77
|
|
77
78
|
img {
|
78
|
-
|
79
|
-
|
79
|
+
/* Responsive images (ensure images don't scale beyond their parents) */
|
80
|
+
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
81
|
+
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
82
|
+
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
83
|
+
|
84
|
+
vertical-align: middle;
|
80
85
|
border: 0;
|
81
86
|
-ms-interpolation-mode: bicubic;
|
82
87
|
}
|
83
88
|
|
89
|
+
// Prevent max-width from affecting Google Maps
|
90
|
+
#map_canvas img {
|
91
|
+
max-width: none;
|
92
|
+
}
|
93
|
+
|
84
94
|
// Forms
|
85
95
|
// -------------------------
|
86
96
|
|
@@ -111,10 +121,10 @@ input[type="submit"] {
|
|
111
121
|
-webkit-appearance: button; // Style clickable inputs in iOS
|
112
122
|
}
|
113
123
|
input[type="search"] { // Appearance in Safari/Chrome
|
114
|
-
-webkit-appearance: textfield;
|
115
124
|
-webkit-box-sizing: content-box;
|
116
125
|
-moz-box-sizing: content-box;
|
117
126
|
box-sizing: content-box;
|
127
|
+
-webkit-appearance: textfield;
|
118
128
|
}
|
119
129
|
input[type="search"]::-webkit-search-decoration,
|
120
130
|
input[type="search"]::-webkit-search-cancel-button {
|
@@ -0,0 +1,28 @@
|
|
1
|
+
//
|
2
|
+
// Responsive: Large desktop and up
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
@media (min-width: 1200px) {
|
7
|
+
|
8
|
+
// Fixed grid
|
9
|
+
@include grid-core($gridColumnWidth1200, $gridGutterWidth1200);
|
10
|
+
|
11
|
+
// Fluid grid
|
12
|
+
@include grid-fluid($fluidGridColumnWidth1200, $fluidGridGutterWidth1200);
|
13
|
+
|
14
|
+
// Input grid
|
15
|
+
@include 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
|
+
}
|
@@ -0,0 +1,174 @@
|
|
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
|
+
.row-fluid [class*="span"] {
|
62
|
+
float: none;
|
63
|
+
display: block;
|
64
|
+
width: 100%;
|
65
|
+
margin-left: 0;
|
66
|
+
@include box-sizing(border-box);
|
67
|
+
}
|
68
|
+
.span12,
|
69
|
+
.row-fluid .span12 {
|
70
|
+
width: 100%;
|
71
|
+
@include box-sizing(border-box);
|
72
|
+
}
|
73
|
+
|
74
|
+
// FORM FIELDS
|
75
|
+
// -----------
|
76
|
+
// Make span* classes full width
|
77
|
+
.input-large,
|
78
|
+
.input-xlarge,
|
79
|
+
.input-xxlarge,
|
80
|
+
input[class*="span"],
|
81
|
+
select[class*="span"],
|
82
|
+
textarea[class*="span"],
|
83
|
+
.uneditable-input {
|
84
|
+
@include input-block-level();
|
85
|
+
}
|
86
|
+
// But don't let it screw up prepend/append inputs
|
87
|
+
.input-prepend input,
|
88
|
+
.input-append input,
|
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
|
92
|
+
width: auto;
|
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
|
+
}
|
173
|
+
|
174
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
//
|
2
|
+
// Responsive: Tablet to desktop
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
@media (min-width: 768px) and (max-width: 979px) {
|
7
|
+
|
8
|
+
// Fixed grid
|
9
|
+
@include grid-core($gridColumnWidth768, $gridGutterWidth768);
|
10
|
+
|
11
|
+
// Fluid grid
|
12
|
+
@include grid-fluid($fluidGridColumnWidth768, $fluidGridGutterWidth768);
|
13
|
+
|
14
|
+
// Input grid
|
15
|
+
@include grid-input($gridColumnWidth768, $gridGutterWidth768);
|
16
|
+
|
17
|
+
// No need to reset .thumbnails here since it's the same $gridGutterWidth
|
18
|
+
|
19
|
+
}
|
@@ -0,0 +1,177 @@
|
|
1
|
+
//
|
2
|
+
// Responsive: Navbar
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// TABLETS AND BELOW
|
7
|
+
// -----------------
|
8
|
+
@media (max-width: $navbarCollapseWidth) {
|
9
|
+
|
10
|
+
// UNFIX THE TOPBAR
|
11
|
+
// ----------------
|
12
|
+
// Remove any padding from the body
|
13
|
+
body {
|
14
|
+
padding-top: 0;
|
15
|
+
}
|
16
|
+
// Unfix the navbars
|
17
|
+
.navbar-fixed-top,
|
18
|
+
.navbar-fixed-bottom {
|
19
|
+
position: static;
|
20
|
+
}
|
21
|
+
.navbar-fixed-top {
|
22
|
+
margin-bottom: $baseLineHeight;
|
23
|
+
}
|
24
|
+
.navbar-fixed-bottom {
|
25
|
+
margin-top: $baseLineHeight;
|
26
|
+
}
|
27
|
+
.navbar-fixed-top .navbar-inner,
|
28
|
+
.navbar-fixed-bottom .navbar-inner {
|
29
|
+
padding: 5px;
|
30
|
+
}
|
31
|
+
.navbar .container {
|
32
|
+
width: auto;
|
33
|
+
padding: 0;
|
34
|
+
}
|
35
|
+
// Account for brand name
|
36
|
+
.navbar .brand {
|
37
|
+
padding-left: 10px;
|
38
|
+
padding-right: 10px;
|
39
|
+
margin: 0 0 0 -5px;
|
40
|
+
}
|
41
|
+
|
42
|
+
// COLLAPSIBLE NAVBAR
|
43
|
+
// ------------------
|
44
|
+
// Nav collapse clears brand
|
45
|
+
.nav-collapse {
|
46
|
+
clear: both;
|
47
|
+
}
|
48
|
+
// Block-level the nav
|
49
|
+
.nav-collapse .nav {
|
50
|
+
float: none;
|
51
|
+
margin: 0 0 ($baseLineHeight / 2);
|
52
|
+
}
|
53
|
+
.nav-collapse .nav > li {
|
54
|
+
float: none;
|
55
|
+
}
|
56
|
+
.nav-collapse .nav > li > a {
|
57
|
+
margin-bottom: 2px;
|
58
|
+
}
|
59
|
+
.nav-collapse .nav > .divider-vertical {
|
60
|
+
display: none;
|
61
|
+
}
|
62
|
+
.nav-collapse .nav .nav-header {
|
63
|
+
color: $navbarText;
|
64
|
+
text-shadow: none;
|
65
|
+
}
|
66
|
+
// Nav and dropdown links in navbar
|
67
|
+
.nav-collapse .nav > li > a,
|
68
|
+
.nav-collapse .dropdown-menu a {
|
69
|
+
padding: 9px 15px;
|
70
|
+
font-weight: bold;
|
71
|
+
color: $navbarLinkColor;
|
72
|
+
@include border-radius(3px);
|
73
|
+
}
|
74
|
+
// Buttons
|
75
|
+
.nav-collapse .btn {
|
76
|
+
padding: 4px 10px 4px;
|
77
|
+
font-weight: normal;
|
78
|
+
@include border-radius(4px);
|
79
|
+
}
|
80
|
+
.nav-collapse .dropdown-menu li + li a {
|
81
|
+
margin-bottom: 2px;
|
82
|
+
}
|
83
|
+
.nav-collapse .nav > li > a:hover,
|
84
|
+
.nav-collapse .dropdown-menu a:hover {
|
85
|
+
background-color: $navbarBackground;
|
86
|
+
}
|
87
|
+
.navbar-inverse .nav-collapse .nav > li > a:hover,
|
88
|
+
.navbar-inverse .nav-collapse .dropdown-menu a:hover {
|
89
|
+
background-color: $navbarInverseBackground;
|
90
|
+
}
|
91
|
+
// Buttons in the navbar
|
92
|
+
.nav-collapse.in .btn-group {
|
93
|
+
margin-top: 5px;
|
94
|
+
padding: 0;
|
95
|
+
}
|
96
|
+
// Dropdowns in the navbar
|
97
|
+
.nav-collapse .dropdown-menu {
|
98
|
+
position: static;
|
99
|
+
top: auto;
|
100
|
+
left: auto;
|
101
|
+
float: none;
|
102
|
+
display: block;
|
103
|
+
max-width: none;
|
104
|
+
margin: 0 15px;
|
105
|
+
padding: 0;
|
106
|
+
background-color: transparent;
|
107
|
+
border: none;
|
108
|
+
@include border-radius(0);
|
109
|
+
@include box-shadow(none);
|
110
|
+
}
|
111
|
+
.nav-collapse .dropdown-menu:before,
|
112
|
+
.nav-collapse .dropdown-menu:after {
|
113
|
+
display: none;
|
114
|
+
}
|
115
|
+
.nav-collapse .dropdown-menu .divider {
|
116
|
+
display: none;
|
117
|
+
}
|
118
|
+
.nav-collapse .nav > li > .dropdown-menu {
|
119
|
+
&:before,
|
120
|
+
&:after {
|
121
|
+
display: none;
|
122
|
+
}
|
123
|
+
}
|
124
|
+
// Forms in navbar
|
125
|
+
.nav-collapse .navbar-form,
|
126
|
+
.nav-collapse .navbar-search {
|
127
|
+
float: none;
|
128
|
+
padding: ($baseLineHeight / 2) 15px;
|
129
|
+
margin: ($baseLineHeight / 2) 0;
|
130
|
+
border-top: 1px solid $navbarBackground;
|
131
|
+
border-bottom: 1px solid $navbarBackground;
|
132
|
+
@include 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;
|
138
|
+
}
|
139
|
+
// Pull right (secondary) nav content
|
140
|
+
.navbar .nav-collapse .nav.pull-right {
|
141
|
+
float: none;
|
142
|
+
margin-left: 0;
|
143
|
+
}
|
144
|
+
// Hide everything in the navbar save .brand and toggle button */
|
145
|
+
.nav-collapse,
|
146
|
+
.nav-collapse.collapse {
|
147
|
+
overflow: hidden;
|
148
|
+
height: 0;
|
149
|
+
}
|
150
|
+
// Navbar button
|
151
|
+
.navbar .btn-navbar {
|
152
|
+
display: block;
|
153
|
+
}
|
154
|
+
|
155
|
+
// STATIC NAVBAR
|
156
|
+
// -------------
|
157
|
+
.navbar-static .navbar-inner {
|
158
|
+
padding-left: 10px;
|
159
|
+
padding-right: 10px;
|
160
|
+
}
|
161
|
+
|
162
|
+
|
163
|
+
}
|
164
|
+
|
165
|
+
|
166
|
+
// DEFAULT DESKTOP
|
167
|
+
// ---------------
|
168
|
+
|
169
|
+
@media (min-width: 980px) {
|
170
|
+
|
171
|
+
// Required to make the collapsing navbar work on regular desktops
|
172
|
+
.nav-collapse.collapse {
|
173
|
+
height: auto !important;
|
174
|
+
overflow: visible !important;
|
175
|
+
}
|
176
|
+
|
177
|
+
}
|