linaro-jekyll-theme 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (139) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +50 -0
  4. data/_includes/_theme-includes/_blog/pagination.html +39 -0
  5. data/_includes/_theme-includes/_footer/backup.html +71 -0
  6. data/_includes/_theme-includes/_footer/footer.html +54 -0
  7. data/_includes/_theme-includes/_head/ascii-art.html +11 -0
  8. data/_includes/_theme-includes/_head/head.html +24 -0
  9. data/_includes/_theme-includes/_navigation/_sub-navigation/tabbed-nav.html +150 -0
  10. data/_includes/_theme-includes/_navigation/nav.html +55 -0
  11. data/_includes/_theme-includes/_page-structure/breadcrumb.html +51 -0
  12. data/_includes/_theme-includes/_page-structure/old-breadcrumb.html +139 -0
  13. data/_includes/_theme-includes/_script-includes/css.html +1 -0
  14. data/_includes/_theme-includes/_script-includes/gtm/gtm-noscript.html +4 -0
  15. data/_includes/_theme-includes/_script-includes/gtm/gtm-script.html +7 -0
  16. data/_includes/_theme-includes/_script-includes/javascript.html +2 -0
  17. data/_includes/_theme-includes/_third-party/disqus.html +14 -0
  18. data/_includes/_theme-includes/_third-party/mailchimp-homepage.html +38 -0
  19. data/_includes/_theme-includes/_third-party/mailchimp-sub-footer.html +40 -0
  20. data/_includes/_theme-includes/members.html +63 -0
  21. data/_includes/base.html +14 -0
  22. data/_includes/image.html +1 -0
  23. data/_includes/media.html +3 -0
  24. data/_includes/owl-carousel-homepage.html +103 -0
  25. data/_layouts/empty-container-page.html +13 -0
  26. data/_layouts/plain-page.html +11 -0
  27. data/_sass/_bootstrap-compass.scss +9 -0
  28. data/_sass/_bootstrap-mincer.scss +19 -0
  29. data/_sass/_bootstrap-sprockets.scss +9 -0
  30. data/_sass/_bootstrap.scss +56 -0
  31. data/_sass/animations.scss +125 -0
  32. data/_sass/blog.scss +188 -0
  33. data/_sass/bootstrap/_alerts.scss +73 -0
  34. data/_sass/bootstrap/_badges.scss +68 -0
  35. data/_sass/bootstrap/_breadcrumbs.scss +28 -0
  36. data/_sass/bootstrap/_button-groups.scss +244 -0
  37. data/_sass/bootstrap/_buttons.scss +168 -0
  38. data/_sass/bootstrap/_carousel.scss +270 -0
  39. data/_sass/bootstrap/_close.scss +36 -0
  40. data/_sass/bootstrap/_code.scss +69 -0
  41. data/_sass/bootstrap/_component-animations.scss +37 -0
  42. data/_sass/bootstrap/_dropdowns.scss +216 -0
  43. data/_sass/bootstrap/_forms.scss +617 -0
  44. data/_sass/bootstrap/_glyphicons.scss +307 -0
  45. data/_sass/bootstrap/_grid.scss +84 -0
  46. data/_sass/bootstrap/_input-groups.scss +171 -0
  47. data/_sass/bootstrap/_jumbotron.scss +54 -0
  48. data/_sass/bootstrap/_labels.scss +66 -0
  49. data/_sass/bootstrap/_list-group.scss +130 -0
  50. data/_sass/bootstrap/_media.scss +66 -0
  51. data/_sass/bootstrap/_mixins.scss +40 -0
  52. data/_sass/bootstrap/_modals.scss +150 -0
  53. data/_sass/bootstrap/_navbar.scss +662 -0
  54. data/_sass/bootstrap/_navs.scss +242 -0
  55. data/_sass/bootstrap/_normalize.scss +424 -0
  56. data/_sass/bootstrap/_pager.scss +54 -0
  57. data/_sass/bootstrap/_pagination.scss +89 -0
  58. data/_sass/bootstrap/_panels.scss +271 -0
  59. data/_sass/bootstrap/_popovers.scss +131 -0
  60. data/_sass/bootstrap/_print.scss +101 -0
  61. data/_sass/bootstrap/_progress-bars.scss +87 -0
  62. data/_sass/bootstrap/_responsive-embed.scss +35 -0
  63. data/_sass/bootstrap/_responsive-utilities.scss +179 -0
  64. data/_sass/bootstrap/_scaffolding.scss +161 -0
  65. data/_sass/bootstrap/_tables.scss +234 -0
  66. data/_sass/bootstrap/_theme.scss +291 -0
  67. data/_sass/bootstrap/_thumbnails.scss +38 -0
  68. data/_sass/bootstrap/_tooltip.scss +101 -0
  69. data/_sass/bootstrap/_type.scss +298 -0
  70. data/_sass/bootstrap/_utilities.scss +55 -0
  71. data/_sass/bootstrap/_variables.scss +874 -0
  72. data/_sass/bootstrap/_wells.scss +29 -0
  73. data/_sass/bootstrap/mixins/_alerts.scss +14 -0
  74. data/_sass/bootstrap/mixins/_background-variant.scss +12 -0
  75. data/_sass/bootstrap/mixins/_border-radius.scss +18 -0
  76. data/_sass/bootstrap/mixins/_buttons.scss +65 -0
  77. data/_sass/bootstrap/mixins/_center-block.scss +7 -0
  78. data/_sass/bootstrap/mixins/_clearfix.scss +22 -0
  79. data/_sass/bootstrap/mixins/_forms.scss +88 -0
  80. data/_sass/bootstrap/mixins/_gradients.scss +58 -0
  81. data/_sass/bootstrap/mixins/_grid-framework.scss +81 -0
  82. data/_sass/bootstrap/mixins/_grid.scss +122 -0
  83. data/_sass/bootstrap/mixins/_hide-text.scss +21 -0
  84. data/_sass/bootstrap/mixins/_image.scss +33 -0
  85. data/_sass/bootstrap/mixins/_labels.scss +12 -0
  86. data/_sass/bootstrap/mixins/_list-group.scss +32 -0
  87. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  88. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  89. data/_sass/bootstrap/mixins/_opacity.scss +8 -0
  90. data/_sass/bootstrap/mixins/_pagination.scss +24 -0
  91. data/_sass/bootstrap/mixins/_panels.scss +24 -0
  92. data/_sass/bootstrap/mixins/_progress-bar.scss +10 -0
  93. data/_sass/bootstrap/mixins/_reset-filter.scss +8 -0
  94. data/_sass/bootstrap/mixins/_reset-text.scss +18 -0
  95. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  96. data/_sass/bootstrap/mixins/_responsive-visibility.scss +21 -0
  97. data/_sass/bootstrap/mixins/_size.scss +10 -0
  98. data/_sass/bootstrap/mixins/_tab-focus.scss +9 -0
  99. data/_sass/bootstrap/mixins/_table-row.scss +28 -0
  100. data/_sass/bootstrap/mixins/_text-emphasis.scss +12 -0
  101. data/_sass/bootstrap/mixins/_text-overflow.scss +8 -0
  102. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  103. data/_sass/breadcrumb.scss +48 -0
  104. data/_sass/carousel.scss +122 -0
  105. data/_sass/cookieconsent.scss +13 -0
  106. data/_sass/critical.scss +991 -0
  107. data/_sass/fa.scss +2331 -0
  108. data/_sass/flipclock.scss +435 -0
  109. data/_sass/font-awesome.min.scss +4 -0
  110. data/_sass/fonts.scss +7 -0
  111. data/_sass/footer.scss +76 -0
  112. data/_sass/lightbox.scss +213 -0
  113. data/_sass/members-sprite.scss +425 -0
  114. data/_sass/nav.scss +533 -0
  115. data/_sass/openhours.scss +51 -0
  116. data/_sass/owl.carousel.min.scss +6 -0
  117. data/_sass/owl.theme.default.min.scss +6 -0
  118. data/_sass/products.scss +214 -0
  119. data/_sass/projects.scss +34 -0
  120. data/_sass/social-media-icons.scss +71 -0
  121. data/_sass/syntax.scss +65 -0
  122. data/_sass/tables.scss +87 -0
  123. data/_sass/theme.scss +208 -0
  124. data/assets/js/app/main.js +116 -0
  125. data/assets/js/app/mixitup.js +23 -0
  126. data/assets/js/app/search-page.js +41 -0
  127. data/assets/js/app/sticky-navbar.js +65 -0
  128. data/assets/js/vendor/bootstrap.min.js +7 -0
  129. data/assets/js/vendor/cookieconsent.min.js +15 -0
  130. data/assets/js/vendor/flipclock.min.js +2 -0
  131. data/assets/js/vendor/jquery.min.js +4 -0
  132. data/assets/js/vendor/lazysizes.min.js +2 -0
  133. data/assets/js/vendor/lightbox.js +519 -0
  134. data/assets/js/vendor/mc-validate.js +14 -0
  135. data/assets/js/vendor/owl.carousel.min.js +27 -0
  136. data/assets/js/vendor/picturefill.min.js +5 -0
  137. data/assets/js/vendor/shuffle.js +2004 -0
  138. data/assets/vendor.js +0 -0
  139. metadata +377 -0
@@ -0,0 +1,270 @@
1
+ //
2
+ // Carousel
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Wrapper for the slide container and indicators
7
+ .carousel {
8
+ position: relative;
9
+ }
10
+
11
+ .carousel-inner {
12
+ position: relative;
13
+ overflow: hidden;
14
+ width: 100%;
15
+
16
+ > .item {
17
+ display: none;
18
+ position: relative;
19
+ @include transition(.6s ease-in-out left);
20
+
21
+ // Account for jankitude on images
22
+ > img,
23
+ > a > img {
24
+ @include img-responsive;
25
+ line-height: 1;
26
+ }
27
+
28
+ // WebKit CSS3 transforms for supported devices
29
+ @media all and (transform-3d), (-webkit-transform-3d) {
30
+ @include transition-transform(0.6s ease-in-out);
31
+ @include backface-visibility(hidden);
32
+ @include perspective(1000px);
33
+
34
+ &.next,
35
+ &.active.right {
36
+ @include translate3d(100%, 0, 0);
37
+ left: 0;
38
+ }
39
+ &.prev,
40
+ &.active.left {
41
+ @include translate3d(-100%, 0, 0);
42
+ left: 0;
43
+ }
44
+ &.next.left,
45
+ &.prev.right,
46
+ &.active {
47
+ @include translate3d(0, 0, 0);
48
+ left: 0;
49
+ }
50
+ }
51
+ }
52
+
53
+ > .active,
54
+ > .next,
55
+ > .prev {
56
+ display: block;
57
+ }
58
+
59
+ > .active {
60
+ left: 0;
61
+ }
62
+
63
+ > .next,
64
+ > .prev {
65
+ position: absolute;
66
+ top: 0;
67
+ width: 100%;
68
+ }
69
+
70
+ > .next {
71
+ left: 100%;
72
+ }
73
+ > .prev {
74
+ left: -100%;
75
+ }
76
+ > .next.left,
77
+ > .prev.right {
78
+ left: 0;
79
+ }
80
+
81
+ > .active.left {
82
+ left: -100%;
83
+ }
84
+ > .active.right {
85
+ left: 100%;
86
+ }
87
+
88
+ }
89
+
90
+ // Left/right controls for nav
91
+ // ---------------------------
92
+
93
+ .carousel-control {
94
+ position: absolute;
95
+ top: 0;
96
+ left: 0;
97
+ bottom: 0;
98
+ width: $carousel-control-width;
99
+ @include opacity($carousel-control-opacity);
100
+ font-size: $carousel-control-font-size;
101
+ color: $carousel-control-color;
102
+ text-align: center;
103
+ text-shadow: $carousel-text-shadow;
104
+ background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug
105
+ // We can't have this transition here because WebKit cancels the carousel
106
+ // animation if you trip this while in the middle of another animation.
107
+
108
+ // Set gradients for backgrounds
109
+ &.left {
110
+ @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
111
+ }
112
+ &.right {
113
+ left: auto;
114
+ right: 0;
115
+ @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
116
+ }
117
+
118
+ // Hover/focus state
119
+ &:hover,
120
+ &:focus {
121
+ outline: 0;
122
+ color: $carousel-control-color;
123
+ text-decoration: none;
124
+ @include opacity(.9);
125
+ }
126
+
127
+ // Toggles
128
+ .icon-prev,
129
+ .icon-next,
130
+ .glyphicon-chevron-left,
131
+ .glyphicon-chevron-right {
132
+ position: absolute;
133
+ top: 50%;
134
+ margin-top: -10px;
135
+ z-index: 5;
136
+ display: inline-block;
137
+ }
138
+ .icon-prev,
139
+ .glyphicon-chevron-left {
140
+ left: 50%;
141
+ margin-left: -10px;
142
+ }
143
+ .icon-next,
144
+ .glyphicon-chevron-right {
145
+ right: 50%;
146
+ margin-right: -10px;
147
+ }
148
+ .icon-prev,
149
+ .icon-next {
150
+ width: 20px;
151
+ height: 20px;
152
+ line-height: 1;
153
+ font-family: serif;
154
+ }
155
+
156
+
157
+ .icon-prev {
158
+ &:before {
159
+ content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
160
+ }
161
+ }
162
+ .icon-next {
163
+ &:before {
164
+ content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
165
+ }
166
+ }
167
+ }
168
+
169
+ // Optional indicator pips
170
+ //
171
+ // Add an unordered list with the following class and add a list item for each
172
+ // slide your carousel holds.
173
+
174
+ .carousel-indicators {
175
+ position: absolute;
176
+ bottom: 10px;
177
+ left: 50%;
178
+ z-index: 15;
179
+ width: 60%;
180
+ margin-left: -30%;
181
+ padding-left: 0;
182
+ list-style: none;
183
+ text-align: center;
184
+
185
+ li {
186
+ display: inline-block;
187
+ width: 10px;
188
+ height: 10px;
189
+ margin: 1px;
190
+ text-indent: -999px;
191
+ border: 1px solid $carousel-indicator-border-color;
192
+ border-radius: 10px;
193
+ cursor: pointer;
194
+
195
+ // IE8-9 hack for event handling
196
+ //
197
+ // Internet Explorer 8-9 does not support clicks on elements without a set
198
+ // `background-color`. We cannot use `filter` since that's not viewed as a
199
+ // background color by the browser. Thus, a hack is needed.
200
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
201
+ //
202
+ // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
203
+ // set alpha transparency for the best results possible.
204
+ background-color: #000 \9; // IE8
205
+ background-color: rgba(0,0,0,0); // IE9
206
+ }
207
+ .active {
208
+ margin: 0;
209
+ width: 12px;
210
+ height: 12px;
211
+ background-color: $carousel-indicator-active-bg;
212
+ }
213
+ }
214
+
215
+ // Optional captions
216
+ // -----------------------------
217
+ // Hidden by default for smaller viewports
218
+ .carousel-caption {
219
+ position: absolute;
220
+ left: 15%;
221
+ right: 15%;
222
+ bottom: 20px;
223
+ z-index: 10;
224
+ padding-top: 20px;
225
+ padding-bottom: 20px;
226
+ color: $carousel-caption-color;
227
+ text-align: center;
228
+ text-shadow: $carousel-text-shadow;
229
+ & .btn {
230
+ text-shadow: none; // No shadow for button elements in carousel-caption
231
+ }
232
+ }
233
+
234
+
235
+ // Scale up controls for tablets and up
236
+ @media screen and (min-width: $screen-sm-min) {
237
+
238
+ // Scale up the controls a smidge
239
+ .carousel-control {
240
+ .glyphicon-chevron-left,
241
+ .glyphicon-chevron-right,
242
+ .icon-prev,
243
+ .icon-next {
244
+ width: ($carousel-control-font-size * 1.5);
245
+ height: ($carousel-control-font-size * 1.5);
246
+ margin-top: ($carousel-control-font-size / -2);
247
+ font-size: ($carousel-control-font-size * 1.5);
248
+ }
249
+ .glyphicon-chevron-left,
250
+ .icon-prev {
251
+ margin-left: ($carousel-control-font-size / -2);
252
+ }
253
+ .glyphicon-chevron-right,
254
+ .icon-next {
255
+ margin-right: ($carousel-control-font-size / -2);
256
+ }
257
+ }
258
+
259
+ // Show and left align the captions
260
+ .carousel-caption {
261
+ left: 20%;
262
+ right: 20%;
263
+ padding-bottom: 30px;
264
+ }
265
+
266
+ // Move up the indicators
267
+ .carousel-indicators {
268
+ bottom: 20px;
269
+ }
270
+ }
@@ -0,0 +1,36 @@
1
+ //
2
+ // Close icons
3
+ // --------------------------------------------------
4
+
5
+
6
+ .close {
7
+ float: right;
8
+ font-size: ($font-size-base * 1.5);
9
+ font-weight: $close-font-weight;
10
+ line-height: 1;
11
+ color: $close-color;
12
+ text-shadow: $close-text-shadow;
13
+ @include opacity(.2);
14
+
15
+ &:hover,
16
+ &:focus {
17
+ color: $close-color;
18
+ text-decoration: none;
19
+ cursor: pointer;
20
+ @include opacity(.5);
21
+ }
22
+
23
+ // [converter] extracted button& to button.close
24
+ }
25
+
26
+ // Additional properties for button version
27
+ // iOS requires the button element instead of an anchor tag.
28
+ // If you want the anchor version, it requires `href="#"`.
29
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
30
+ button.close {
31
+ padding: 0;
32
+ cursor: pointer;
33
+ background: transparent;
34
+ border: 0;
35
+ -webkit-appearance: none;
36
+ }
@@ -0,0 +1,69 @@
1
+ //
2
+ // Code (inline and block)
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Inline and block code styles
7
+ code,
8
+ kbd,
9
+ pre,
10
+ samp {
11
+ font-family: $font-family-monospace;
12
+ }
13
+
14
+ // Inline code
15
+ code {
16
+ padding: 2px 4px;
17
+ font-size: 90%;
18
+ color: $code-color;
19
+ background-color: $code-bg;
20
+ border-radius: $border-radius-base;
21
+ }
22
+
23
+ // User input typically entered via keyboard
24
+ kbd {
25
+ padding: 2px 4px;
26
+ font-size: 90%;
27
+ color: $kbd-color;
28
+ background-color: $kbd-bg;
29
+ border-radius: $border-radius-small;
30
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
31
+
32
+ kbd {
33
+ padding: 0;
34
+ font-size: 100%;
35
+ font-weight: bold;
36
+ box-shadow: none;
37
+ }
38
+ }
39
+
40
+ // Blocks of code
41
+ pre {
42
+ display: block;
43
+ padding: (($line-height-computed - 1) / 2);
44
+ margin: 0 0 ($line-height-computed / 2);
45
+ font-size: ($font-size-base - 1); // 14px to 13px
46
+ line-height: $line-height-base;
47
+ word-break: break-all;
48
+ word-wrap: break-word;
49
+ color: $pre-color;
50
+ background-color: $pre-bg;
51
+ border: 1px solid $pre-border-color;
52
+ border-radius: $border-radius-base;
53
+
54
+ // Account for some code outputs that place code tags in pre tags
55
+ code {
56
+ padding: 0;
57
+ font-size: inherit;
58
+ color: inherit;
59
+ white-space: pre-wrap;
60
+ background-color: transparent;
61
+ border-radius: 0;
62
+ }
63
+ }
64
+
65
+ // Enable scrollable blocks of code
66
+ .pre-scrollable {
67
+ max-height: $pre-scrollable-max-height;
68
+ overflow-y: scroll;
69
+ }
@@ -0,0 +1,37 @@
1
+ //
2
+ // Component animations
3
+ // --------------------------------------------------
4
+
5
+ // Heads up!
6
+ //
7
+ // We don't use the `.opacity()` mixin here since it causes a bug with text
8
+ // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
9
+
10
+ .fade {
11
+ opacity: 0;
12
+ @include transition(opacity .15s linear);
13
+ &.in {
14
+ opacity: 1;
15
+ }
16
+ }
17
+
18
+ .collapse {
19
+ display: none;
20
+
21
+ &.in { display: block; }
22
+ // [converter] extracted tr&.in to tr.collapse.in
23
+ // [converter] extracted tbody&.in to tbody.collapse.in
24
+ }
25
+
26
+ tr.collapse.in { display: table-row; }
27
+
28
+ tbody.collapse.in { display: table-row-group; }
29
+
30
+ .collapsing {
31
+ position: relative;
32
+ height: 0;
33
+ overflow: hidden;
34
+ @include transition-property(height, visibility);
35
+ @include transition-duration(.35s);
36
+ @include transition-timing-function(ease);
37
+ }
@@ -0,0 +1,216 @@
1
+ //
2
+ // Dropdown menus
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Dropdown arrow/caret
7
+ .caret {
8
+ display: inline-block;
9
+ width: 0;
10
+ height: 0;
11
+ margin-left: 2px;
12
+ vertical-align: middle;
13
+ border-top: $caret-width-base dashed;
14
+ border-top: $caret-width-base solid \9; // IE8
15
+ border-right: $caret-width-base solid transparent;
16
+ border-left: $caret-width-base solid transparent;
17
+ }
18
+
19
+ // The dropdown wrapper (div)
20
+ .dropup,
21
+ .dropdown {
22
+ position: relative;
23
+ }
24
+
25
+ // Prevent the focus on the dropdown toggle when closing dropdowns
26
+ .dropdown-toggle:focus {
27
+ outline: 0;
28
+ }
29
+
30
+ // The dropdown menu (ul)
31
+ .dropdown-menu {
32
+ position: absolute;
33
+ top: 100%;
34
+ left: 0;
35
+ z-index: $zindex-dropdown;
36
+ display: none; // none by default, but block on "open" of the menu
37
+ float: left;
38
+ min-width: 160px;
39
+ padding: 5px 0;
40
+ margin: 2px 0 0; // override default ul
41
+ list-style: none;
42
+ font-size: $font-size-base;
43
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
44
+ background-color: $dropdown-bg;
45
+ border: 1px solid $dropdown-fallback-border; // IE8 fallback
46
+ border: 1px solid $dropdown-border;
47
+ border-radius: $border-radius-base;
48
+ @include box-shadow(0 6px 12px rgba(0,0,0,.175));
49
+ background-clip: padding-box;
50
+
51
+ // Aligns the dropdown menu to right
52
+ //
53
+ // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
54
+ &.pull-right {
55
+ right: 0;
56
+ left: auto;
57
+ }
58
+
59
+ // Dividers (basically an hr) within the dropdown
60
+ .divider {
61
+ @include nav-divider($dropdown-divider-bg);
62
+ }
63
+
64
+ // Links within the dropdown menu
65
+ > li > a {
66
+ display: block;
67
+ padding: 3px 20px;
68
+ clear: both;
69
+ font-weight: normal;
70
+ line-height: $line-height-base;
71
+ color: $dropdown-link-color;
72
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
73
+ }
74
+ }
75
+
76
+ // Hover/Focus state
77
+ .dropdown-menu > li > a {
78
+ &:hover,
79
+ &:focus {
80
+ text-decoration: none;
81
+ color: $dropdown-link-hover-color;
82
+ background-color: $dropdown-link-hover-bg;
83
+ }
84
+ }
85
+
86
+ // Active state
87
+ .dropdown-menu > .active > a {
88
+ &,
89
+ &:hover,
90
+ &:focus {
91
+ color: $dropdown-link-active-color;
92
+ text-decoration: none;
93
+ outline: 0;
94
+ background-color: $dropdown-link-active-bg;
95
+ }
96
+ }
97
+
98
+ // Disabled state
99
+ //
100
+ // Gray out text and ensure the hover/focus state remains gray
101
+
102
+ .dropdown-menu > .disabled > a {
103
+ &,
104
+ &:hover,
105
+ &:focus {
106
+ color: $dropdown-link-disabled-color;
107
+ }
108
+
109
+ // Nuke hover/focus effects
110
+ &:hover,
111
+ &:focus {
112
+ text-decoration: none;
113
+ background-color: transparent;
114
+ background-image: none; // Remove CSS gradient
115
+ @include reset-filter;
116
+ cursor: $cursor-disabled;
117
+ }
118
+ }
119
+
120
+ // Open state for the dropdown
121
+ .open {
122
+ // Show the menu
123
+ > .dropdown-menu {
124
+ display: block;
125
+ }
126
+
127
+ // Remove the outline when :focus is triggered
128
+ > a {
129
+ outline: 0;
130
+ }
131
+ }
132
+
133
+ // Menu positioning
134
+ //
135
+ // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
136
+ // menu with the parent.
137
+ .dropdown-menu-right {
138
+ left: auto; // Reset the default from `.dropdown-menu`
139
+ right: 0;
140
+ }
141
+ // With v3, we enabled auto-flipping if you have a dropdown within a right
142
+ // aligned nav component. To enable the undoing of that, we provide an override
143
+ // to restore the default dropdown menu alignment.
144
+ //
145
+ // This is only for left-aligning a dropdown menu within a `.navbar-right` or
146
+ // `.pull-right` nav component.
147
+ .dropdown-menu-left {
148
+ left: 0;
149
+ right: auto;
150
+ }
151
+
152
+ // Dropdown section headers
153
+ .dropdown-header {
154
+ display: block;
155
+ padding: 3px 20px;
156
+ font-size: $font-size-small;
157
+ line-height: $line-height-base;
158
+ color: $dropdown-header-color;
159
+ white-space: nowrap; // as with > li > a
160
+ }
161
+
162
+ // Backdrop to catch body clicks on mobile, etc.
163
+ .dropdown-backdrop {
164
+ position: fixed;
165
+ left: 0;
166
+ right: 0;
167
+ bottom: 0;
168
+ top: 0;
169
+ z-index: ($zindex-dropdown - 10);
170
+ }
171
+
172
+ // Right aligned dropdowns
173
+ .pull-right > .dropdown-menu {
174
+ right: 0;
175
+ left: auto;
176
+ }
177
+
178
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
179
+ //
180
+ // Just add .dropup after the standard .dropdown class and you're set, bro.
181
+ // TODO: abstract this so that the navbar fixed styles are not placed here?
182
+
183
+ .dropup,
184
+ .navbar-fixed-bottom .dropdown {
185
+ // Reverse the caret
186
+ .caret {
187
+ border-top: 0;
188
+ border-bottom: $caret-width-base dashed;
189
+ border-bottom: $caret-width-base solid \9; // IE8
190
+ content: "";
191
+ }
192
+ // Different positioning for bottom up menu
193
+ .dropdown-menu {
194
+ top: auto;
195
+ bottom: 100%;
196
+ margin-bottom: 2px;
197
+ }
198
+ }
199
+
200
+
201
+ // Component alignment
202
+ //
203
+ // Reiterate per navbar.less and the modified component alignment there.
204
+
205
+ @media (min-width: $grid-float-breakpoint) {
206
+ .navbar-right {
207
+ .dropdown-menu {
208
+ right: 0; left: auto;
209
+ }
210
+ // Necessary for overrides of the default right aligned menu.
211
+ // Will remove come v4 in all likelihood.
212
+ .dropdown-menu-left {
213
+ left: 0; right: auto;
214
+ }
215
+ }
216
+ }