bootstrap-sass 2.3.1.3 → 3.4.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.
Files changed (233) hide show
  1. checksums.yaml +5 -5
  2. data/.gitignore +20 -0
  3. data/.travis.yml +19 -0
  4. data/CHANGELOG.md +215 -0
  5. data/CONTRIBUTING.md +86 -0
  6. data/Gemfile +7 -0
  7. data/LICENSE +18 -10
  8. data/README.md +290 -67
  9. data/Rakefile +98 -0
  10. data/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  11. data/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  12. data/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  13. data/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  14. data/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  15. data/assets/images/.keep +0 -0
  16. data/assets/javascripts/bootstrap-sprockets.js +12 -0
  17. data/assets/javascripts/bootstrap.js +2580 -0
  18. data/assets/javascripts/bootstrap.min.js +6 -0
  19. data/assets/javascripts/bootstrap/affix.js +164 -0
  20. data/assets/javascripts/bootstrap/alert.js +95 -0
  21. data/assets/javascripts/bootstrap/button.js +125 -0
  22. data/assets/javascripts/bootstrap/carousel.js +246 -0
  23. data/assets/javascripts/bootstrap/collapse.js +212 -0
  24. data/assets/javascripts/bootstrap/dropdown.js +165 -0
  25. data/assets/javascripts/bootstrap/modal.js +358 -0
  26. data/assets/javascripts/bootstrap/popover.js +123 -0
  27. data/assets/javascripts/bootstrap/scrollspy.js +172 -0
  28. data/assets/javascripts/bootstrap/tab.js +155 -0
  29. data/assets/javascripts/bootstrap/tooltip.js +677 -0
  30. data/assets/javascripts/bootstrap/transition.js +59 -0
  31. data/assets/stylesheets/_bootstrap-compass.scss +9 -0
  32. data/assets/stylesheets/_bootstrap-mincer.scss +19 -0
  33. data/assets/stylesheets/_bootstrap-sprockets.scss +9 -0
  34. data/assets/stylesheets/_bootstrap.scss +56 -0
  35. data/assets/stylesheets/bootstrap/_alerts.scss +73 -0
  36. data/assets/stylesheets/bootstrap/_badges.scss +68 -0
  37. data/assets/stylesheets/bootstrap/_breadcrumbs.scss +28 -0
  38. data/assets/stylesheets/bootstrap/_button-groups.scss +244 -0
  39. data/assets/stylesheets/bootstrap/_buttons.scss +168 -0
  40. data/assets/stylesheets/bootstrap/_carousel.scss +271 -0
  41. data/{vendor/assets → assets}/stylesheets/bootstrap/_close.scss +13 -8
  42. data/assets/stylesheets/bootstrap/_code.scss +69 -0
  43. data/assets/stylesheets/bootstrap/_component-animations.scss +38 -0
  44. data/assets/stylesheets/bootstrap/_dropdowns.scss +213 -0
  45. data/assets/stylesheets/bootstrap/_forms.scss +607 -0
  46. data/assets/stylesheets/bootstrap/_glyphicons.scss +307 -0
  47. data/assets/stylesheets/bootstrap/_grid.scss +94 -0
  48. data/assets/stylesheets/bootstrap/_input-groups.scss +171 -0
  49. data/assets/stylesheets/bootstrap/_jumbotron.scss +54 -0
  50. data/assets/stylesheets/bootstrap/_labels.scss +66 -0
  51. data/assets/stylesheets/bootstrap/_list-group.scss +128 -0
  52. data/assets/stylesheets/bootstrap/_media.scss +66 -0
  53. data/assets/stylesheets/bootstrap/_mixins.scss +40 -0
  54. data/assets/stylesheets/bootstrap/_modals.scss +150 -0
  55. data/assets/stylesheets/bootstrap/_navbar.scss +656 -0
  56. data/assets/stylesheets/bootstrap/_navs.scss +242 -0
  57. data/assets/stylesheets/bootstrap/_normalize.scss +427 -0
  58. data/assets/stylesheets/bootstrap/_pager.scss +54 -0
  59. data/assets/stylesheets/bootstrap/_pagination.scss +86 -0
  60. data/assets/stylesheets/bootstrap/_panels.scss +271 -0
  61. data/assets/stylesheets/bootstrap/_popovers.scss +126 -0
  62. data/assets/stylesheets/bootstrap/_print.scss +99 -0
  63. data/assets/stylesheets/bootstrap/_progress-bars.scss +87 -0
  64. data/assets/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  65. data/assets/stylesheets/bootstrap/_responsive-utilities.scss +179 -0
  66. data/assets/stylesheets/bootstrap/_scaffolding.scss +161 -0
  67. data/assets/stylesheets/bootstrap/_tables.scss +234 -0
  68. data/assets/stylesheets/bootstrap/_theme.scss +295 -0
  69. data/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
  70. data/assets/stylesheets/bootstrap/_tooltip.scss +112 -0
  71. data/assets/stylesheets/bootstrap/_type.scss +298 -0
  72. data/assets/stylesheets/bootstrap/_utilities.scss +55 -0
  73. data/assets/stylesheets/bootstrap/_variables.scss +874 -0
  74. data/assets/stylesheets/bootstrap/_wells.scss +29 -0
  75. data/assets/stylesheets/bootstrap/mixins/_alerts.scss +15 -0
  76. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +12 -0
  77. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  78. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +61 -0
  79. data/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  80. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  81. data/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  82. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +56 -0
  83. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  84. data/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  85. data/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  86. data/assets/stylesheets/bootstrap/mixins/_image.scss +28 -0
  87. data/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  88. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +32 -0
  89. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  90. data/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  91. data/assets/stylesheets/bootstrap/mixins/_opacity.scss +7 -0
  92. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
  93. data/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  94. data/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  95. data/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  96. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  97. data/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  98. data/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +17 -0
  99. data/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  100. data/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  101. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  102. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
  103. data/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  104. data/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  105. data/bootstrap-sass.gemspec +37 -0
  106. data/bower.json +36 -0
  107. data/composer.json +35 -0
  108. data/eyeglass-exports.js +7 -0
  109. data/lib/bootstrap-sass.rb +75 -35
  110. data/lib/bootstrap-sass/engine.rb +12 -2
  111. data/lib/bootstrap-sass/version.rb +4 -0
  112. data/package-lock.json +1611 -0
  113. data/package.json +44 -0
  114. data/sache.json +5 -0
  115. data/tasks/bower.rake +31 -0
  116. data/tasks/converter.rb +80 -0
  117. data/tasks/converter/char_string_scanner.rb +38 -0
  118. data/tasks/converter/fonts_conversion.rb +16 -0
  119. data/tasks/converter/js_conversion.rb +47 -0
  120. data/tasks/converter/less_conversion.rb +713 -0
  121. data/tasks/converter/logger.rb +57 -0
  122. data/tasks/converter/network.rb +97 -0
  123. data/templates/project/_bootstrap-variables.sass +875 -0
  124. data/templates/project/manifest.rb +15 -14
  125. data/templates/project/styles.sass +6 -0
  126. data/test/compilation_test.rb +30 -0
  127. data/test/dummy_node_mincer/apple-touch-icon-144-precomposed.png +0 -0
  128. data/test/dummy_node_mincer/application.css.ejs.scss +6 -0
  129. data/test/dummy_node_mincer/manifest.js +87 -0
  130. data/test/dummy_rails/README.rdoc +3 -0
  131. data/test/dummy_rails/Rakefile +6 -0
  132. data/test/dummy_rails/app/assets/images/.keep +0 -0
  133. data/test/dummy_rails/app/assets/javascripts/application.js +2 -0
  134. data/test/dummy_rails/app/assets/stylesheets/application.sass +2 -0
  135. data/test/dummy_rails/app/controllers/application_controller.rb +5 -0
  136. data/test/dummy_rails/app/controllers/pages_controller.rb +4 -0
  137. data/test/dummy_rails/app/helpers/application_helper.rb +2 -0
  138. data/test/dummy_rails/app/views/layouts/application.html.erb +14 -0
  139. data/test/dummy_rails/app/views/pages/root.html.slim +84 -0
  140. data/test/dummy_rails/config.ru +4 -0
  141. data/test/dummy_rails/config/application.rb +31 -0
  142. data/test/dummy_rails/config/boot.rb +5 -0
  143. data/test/dummy_rails/config/environment.rb +5 -0
  144. data/test/dummy_rails/config/environments/development.rb +23 -0
  145. data/test/dummy_rails/config/environments/production.rb +82 -0
  146. data/test/dummy_rails/config/environments/test.rb +38 -0
  147. data/test/dummy_rails/config/initializers/backtrace_silencers.rb +7 -0
  148. data/test/dummy_rails/config/initializers/filter_parameter_logging.rb +4 -0
  149. data/test/dummy_rails/config/initializers/inflections.rb +16 -0
  150. data/test/dummy_rails/config/initializers/mime_types.rb +5 -0
  151. data/test/dummy_rails/config/initializers/secret_token.rb +18 -0
  152. data/test/dummy_rails/config/initializers/session_store.rb +3 -0
  153. data/test/dummy_rails/config/initializers/wrap_parameters.rb +14 -0
  154. data/test/dummy_rails/config/locales/en.yml +3 -0
  155. data/test/dummy_rails/config/locales/es.yml +3 -0
  156. data/test/dummy_rails/config/routes.rb +3 -0
  157. data/test/dummy_rails/log/.keep +0 -0
  158. data/test/dummy_sass_only/Gemfile +4 -0
  159. data/test/dummy_sass_only/compile.rb +20 -0
  160. data/test/dummy_sass_only/import_all.scss +2 -0
  161. data/test/gemfiles/default.gemfile +3 -0
  162. data/test/node_mincer_test.rb +35 -0
  163. data/test/node_sass_compile_test.sh +9 -0
  164. data/test/pages_test.rb +14 -0
  165. data/test/sass_test.rb +29 -0
  166. data/test/sprockets_rails_test.rb +31 -0
  167. data/test/support/dummy_rails_integration.rb +22 -0
  168. data/test/support/reporting.rb +27 -0
  169. data/test/test_helper.rb +36 -0
  170. data/test/test_helper_rails.rb +6 -0
  171. metadata +404 -89
  172. data/lib/bootstrap-sass/compass_functions.rb +0 -24
  173. data/lib/bootstrap-sass/sass_functions.rb +0 -14
  174. data/templates/project/_variables.scss +0 -301
  175. data/templates/project/styles.scss +0 -8
  176. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  177. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  178. data/vendor/assets/javascripts/bootstrap-affix.js +0 -117
  179. data/vendor/assets/javascripts/bootstrap-alert.js +0 -99
  180. data/vendor/assets/javascripts/bootstrap-button.js +0 -105
  181. data/vendor/assets/javascripts/bootstrap-carousel.js +0 -207
  182. data/vendor/assets/javascripts/bootstrap-collapse.js +0 -167
  183. data/vendor/assets/javascripts/bootstrap-dropdown.js +0 -165
  184. data/vendor/assets/javascripts/bootstrap-modal.js +0 -247
  185. data/vendor/assets/javascripts/bootstrap-popover.js +0 -114
  186. data/vendor/assets/javascripts/bootstrap-scrollspy.js +0 -162
  187. data/vendor/assets/javascripts/bootstrap-tab.js +0 -144
  188. data/vendor/assets/javascripts/bootstrap-tooltip.js +0 -361
  189. data/vendor/assets/javascripts/bootstrap-transition.js +0 -60
  190. data/vendor/assets/javascripts/bootstrap-typeahead.js +0 -335
  191. data/vendor/assets/javascripts/bootstrap.js +0 -13
  192. data/vendor/assets/stylesheets/bootstrap-responsive.scss +0 -1
  193. data/vendor/assets/stylesheets/bootstrap.scss +0 -1
  194. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +0 -34
  195. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +0 -79
  196. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +0 -24
  197. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +0 -229
  198. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +0 -228
  199. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +0 -158
  200. data/vendor/assets/stylesheets/bootstrap/_code.scss +0 -61
  201. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +0 -22
  202. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +0 -237
  203. data/vendor/assets/stylesheets/bootstrap/_forms.scss +0 -689
  204. data/vendor/assets/stylesheets/bootstrap/_grid.scss +0 -21
  205. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +0 -25
  206. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +0 -83
  207. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +0 -16
  208. data/vendor/assets/stylesheets/bootstrap/_media.scss +0 -55
  209. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +0 -690
  210. data/vendor/assets/stylesheets/bootstrap/_modals.scss +0 -95
  211. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +0 -497
  212. data/vendor/assets/stylesheets/bootstrap/_navs.scss +0 -409
  213. data/vendor/assets/stylesheets/bootstrap/_pager.scss +0 -43
  214. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +0 -123
  215. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +0 -133
  216. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +0 -122
  217. data/vendor/assets/stylesheets/bootstrap/_reset.scss +0 -216
  218. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +0 -28
  219. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +0 -193
  220. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +0 -19
  221. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +0 -189
  222. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +0 -74
  223. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +0 -53
  224. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +0 -197
  225. data/vendor/assets/stylesheets/bootstrap/_tables.scss +0 -235
  226. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +0 -53
  227. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +0 -70
  228. data/vendor/assets/stylesheets/bootstrap/_type.scss +0 -247
  229. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +0 -45
  230. data/vendor/assets/stylesheets/bootstrap/_variables.scss +0 -301
  231. data/vendor/assets/stylesheets/bootstrap/_wells.scss +0 -29
  232. data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +0 -63
  233. data/vendor/assets/stylesheets/bootstrap/responsive.scss +0 -48
@@ -1,158 +0,0 @@
1
- //
2
- // Carousel
3
- // --------------------------------------------------
4
-
5
-
6
- .carousel {
7
- position: relative;
8
- margin-bottom: $baseLineHeight;
9
- line-height: 1;
10
- }
11
-
12
- .carousel-inner {
13
- overflow: hidden;
14
- width: 100%;
15
- position: relative;
16
- }
17
-
18
- .carousel-inner {
19
-
20
- > .item {
21
- display: none;
22
- position: relative;
23
- @include transition(.6s ease-in-out left);
24
-
25
- // Account for jankitude on images
26
- > img,
27
- > a > img {
28
- display: block;
29
- line-height: 1;
30
- }
31
- }
32
-
33
- > .active,
34
- > .next,
35
- > .prev { display: block; }
36
-
37
- > .active {
38
- left: 0;
39
- }
40
-
41
- > .next,
42
- > .prev {
43
- position: absolute;
44
- top: 0;
45
- width: 100%;
46
- }
47
-
48
- > .next {
49
- left: 100%;
50
- }
51
- > .prev {
52
- left: -100%;
53
- }
54
- > .next.left,
55
- > .prev.right {
56
- left: 0;
57
- }
58
-
59
- > .active.left {
60
- left: -100%;
61
- }
62
- > .active.right {
63
- left: 100%;
64
- }
65
-
66
- }
67
-
68
- // Left/right controls for nav
69
- // ---------------------------
70
-
71
- .carousel-control {
72
- position: absolute;
73
- top: 40%;
74
- left: 15px;
75
- width: 40px;
76
- height: 40px;
77
- margin-top: -20px;
78
- font-size: 60px;
79
- font-weight: 100;
80
- line-height: 30px;
81
- color: $white;
82
- text-align: center;
83
- background: $grayDarker;
84
- border: 3px solid $white;
85
- @include border-radius(23px);
86
- @include opacity(50);
87
-
88
- // we can't have this transition here
89
- // because webkit cancels the carousel
90
- // animation if you trip this while
91
- // in the middle of another animation
92
- // ;_;
93
- // .transition(opacity .2s linear);
94
-
95
- // Reposition the right one
96
- &.right {
97
- left: auto;
98
- right: 15px;
99
- }
100
-
101
- // Hover/focus state
102
- &:hover,
103
- &:focus {
104
- color: $white;
105
- text-decoration: none;
106
- @include opacity(90);
107
- }
108
- }
109
-
110
- // Carousel indicator pips
111
- // -----------------------------
112
- .carousel-indicators {
113
- position: absolute;
114
- top: 15px;
115
- right: 15px;
116
- z-index: 5;
117
- margin: 0;
118
- list-style: none;
119
-
120
- li {
121
- display: block;
122
- float: left;
123
- width: 10px;
124
- height: 10px;
125
- margin-left: 5px;
126
- text-indent: -999px;
127
- background-color: #ccc;
128
- background-color: rgba(255,255,255,.25);
129
- border-radius: 5px;
130
- }
131
- .active {
132
- background-color: #fff;
133
- }
134
- }
135
-
136
- // Caption for text below images
137
- // -----------------------------
138
-
139
- .carousel-caption {
140
- position: absolute;
141
- left: 0;
142
- right: 0;
143
- bottom: 0;
144
- padding: 15px;
145
- background: $grayDark;
146
- background: rgba(0,0,0,.75);
147
- }
148
- .carousel-caption h4,
149
- .carousel-caption p {
150
- color: $white;
151
- line-height: $baseLineHeight;
152
- }
153
- .carousel-caption h4 {
154
- margin: 0 0 5px;
155
- }
156
- .carousel-caption p {
157
- margin-bottom: 0;
158
- }
@@ -1,61 +0,0 @@
1
- //
2
- // Code (inline and blocK)
3
- // --------------------------------------------------
4
-
5
-
6
- // Inline and block code styles
7
- code,
8
- pre {
9
- padding: 0 3px 2px;
10
- @include font-family-monospace;
11
- font-size: $baseFontSize - 2;
12
- color: $grayDark;
13
- @include border-radius(3px);
14
- }
15
-
16
- // Inline code
17
- code {
18
- padding: 2px 4px;
19
- color: #d14;
20
- background-color: #f7f7f9;
21
- border: 1px solid #e1e1e8;
22
- white-space: nowrap;
23
- }
24
-
25
- // Blocks of code
26
- pre {
27
- display: block;
28
- padding: ($baseLineHeight - 1) / 2;
29
- margin: 0 0 $baseLineHeight / 2;
30
- font-size: $baseFontSize - 1; // 14px to 13px
31
- line-height: $baseLineHeight;
32
- word-break: break-all;
33
- word-wrap: break-word;
34
- white-space: pre;
35
- white-space: pre-wrap;
36
- background-color: #f5f5f5;
37
- border: 1px solid #ccc; // fallback for IE7-8
38
- border: 1px solid rgba(0,0,0,.15);
39
- @include border-radius($baseBorderRadius);
40
-
41
- // Make prettyprint styles more spaced out for readability
42
- &.prettyprint {
43
- margin-bottom: $baseLineHeight;
44
- }
45
-
46
- // Account for some code outputs that place code tags in pre tags
47
- code {
48
- padding: 0;
49
- color: inherit;
50
- white-space: pre;
51
- white-space: pre-wrap;
52
- background-color: transparent;
53
- border: 0;
54
- }
55
- }
56
-
57
- // Enable scrollable blocks of code
58
- .pre-scrollable {
59
- max-height: 340px;
60
- overflow-y: scroll;
61
- }
@@ -1,22 +0,0 @@
1
- //
2
- // Component animations
3
- // --------------------------------------------------
4
-
5
-
6
- .fade {
7
- opacity: 0;
8
- @include transition(opacity .15s linear);
9
- &.in {
10
- opacity: 1;
11
- }
12
- }
13
-
14
- .collapse {
15
- position: relative;
16
- height: 0;
17
- overflow: hidden;
18
- @include transition(height .35s ease);
19
- &.in {
20
- height: auto;
21
- }
22
- }
@@ -1,237 +0,0 @@
1
- //
2
- // Dropdown menus
3
- // --------------------------------------------------
4
-
5
-
6
- // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
7
- .dropup,
8
- .dropdown {
9
- position: relative;
10
- }
11
- .dropdown-toggle {
12
- // The caret makes the toggle a bit too tall in IE7
13
- *margin-bottom: -3px;
14
- }
15
- .dropdown-toggle:active,
16
- .open .dropdown-toggle {
17
- outline: 0;
18
- }
19
-
20
- // Dropdown arrow/caret
21
- // --------------------
22
- .caret {
23
- display: inline-block;
24
- width: 0;
25
- height: 0;
26
- vertical-align: top;
27
- border-top: 4px solid $black;
28
- border-right: 4px solid transparent;
29
- border-left: 4px solid transparent;
30
- content: "";
31
- }
32
-
33
- // Place the caret
34
- .dropdown .caret {
35
- margin-top: 8px;
36
- margin-left: 2px;
37
- }
38
-
39
- // The dropdown menu (ul)
40
- // ----------------------
41
- .dropdown-menu {
42
- position: absolute;
43
- top: 100%;
44
- left: 0;
45
- z-index: $zindexDropdown;
46
- display: none; // none by default, but block on "open" of the menu
47
- float: left;
48
- min-width: 160px;
49
- padding: 5px 0;
50
- margin: 2px 0 0; // override default ul
51
- list-style: none;
52
- background-color: $dropdownBackground;
53
- border: 1px solid #ccc; // Fallback for IE7-8
54
- border: 1px solid $dropdownBorder;
55
- *border-right-width: 2px;
56
- *border-bottom-width: 2px;
57
- @include border-radius(6px);
58
- @include box-shadow(0 5px 10px rgba(0,0,0,.2));
59
- -webkit-background-clip: padding-box;
60
- -moz-background-clip: padding;
61
- background-clip: padding-box;
62
-
63
- // Aligns the dropdown menu to right
64
- &.pull-right {
65
- right: 0;
66
- left: auto;
67
- }
68
-
69
- // Dividers (basically an hr) within the dropdown
70
- .divider {
71
- @include nav-divider($dropdownDividerTop, $dropdownDividerBottom);
72
- }
73
-
74
- // Links within the dropdown menu
75
- > li > a {
76
- display: block;
77
- padding: 3px 20px;
78
- clear: both;
79
- font-weight: normal;
80
- line-height: $baseLineHeight;
81
- color: $dropdownLinkColor;
82
- white-space: nowrap;
83
- }
84
- }
85
-
86
- // Hover/Focus state
87
- // -----------
88
- .dropdown-menu > li > a:hover,
89
- .dropdown-menu > li > a:focus,
90
- .dropdown-submenu:hover > a,
91
- .dropdown-submenu:focus > a {
92
- text-decoration: none;
93
- color: $dropdownLinkColorHover;
94
- @include gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%));
95
- }
96
-
97
- // Active state
98
- // ------------
99
- .dropdown-menu > .active > a,
100
- .dropdown-menu > .active > a:hover,
101
- .dropdown-menu > .active > a:focus {
102
- color: $dropdownLinkColorActive;
103
- text-decoration: none;
104
- outline: 0;
105
- @include gradient-vertical($dropdownLinkBackgroundActive, darken($dropdownLinkBackgroundActive, 5%));
106
- }
107
-
108
- // Disabled state
109
- // --------------
110
- // Gray out text and ensure the hover/focus state remains gray
111
- .dropdown-menu > .disabled > a,
112
- .dropdown-menu > .disabled > a:hover,
113
- .dropdown-menu > .disabled > a:focus {
114
- color: $grayLight;
115
- }
116
- // Nuke hover/focus effects
117
- .dropdown-menu > .disabled > a:hover,
118
- .dropdown-menu > .disabled > a:focus {
119
- text-decoration: none;
120
- background-color: transparent;
121
- background-image: none; // Remove CSS gradient
122
- @include reset-filter();
123
- cursor: default;
124
- }
125
-
126
- // Open state for the dropdown
127
- // ---------------------------
128
- .open {
129
- // IE7's z-index only goes to the nearest positioned ancestor, which would
130
- // make the menu appear below buttons that appeared later on the page
131
- *z-index: $zindexDropdown;
132
-
133
- & > .dropdown-menu {
134
- display: block;
135
- }
136
- }
137
-
138
- // Right aligned dropdowns
139
- // ---------------------------
140
- .pull-right > .dropdown-menu {
141
- right: 0;
142
- left: auto;
143
- }
144
-
145
- // Allow for dropdowns to go bottom up (aka, dropup-menu)
146
- // ------------------------------------------------------
147
- // Just add .dropup after the standard .dropdown class and you're set, bro.
148
- // TODO: abstract this so that the navbar fixed styles are not placed here?
149
- .dropup,
150
- .navbar-fixed-bottom .dropdown {
151
- // Reverse the caret
152
- .caret {
153
- border-top: 0;
154
- border-bottom: 4px solid $black;
155
- content: "";
156
- }
157
- // Different positioning for bottom up menu
158
- .dropdown-menu {
159
- top: auto;
160
- bottom: 100%;
161
- margin-bottom: 1px;
162
- }
163
- }
164
-
165
- // Sub menus
166
- // ---------------------------
167
- .dropdown-submenu {
168
- position: relative;
169
- }
170
- // Default dropdowns
171
- .dropdown-submenu > .dropdown-menu {
172
- top: 0;
173
- left: 100%;
174
- margin-top: -6px;
175
- margin-left: -1px;
176
- @include border-radius(0 6px 6px 6px);
177
- }
178
- .dropdown-submenu:hover > .dropdown-menu {
179
- display: block;
180
- }
181
-
182
- // Dropups
183
- .dropup .dropdown-submenu > .dropdown-menu {
184
- top: auto;
185
- bottom: 0;
186
- margin-top: 0;
187
- margin-bottom: -2px;
188
- @include border-radius(5px 5px 5px 0);
189
- }
190
-
191
- // Caret to indicate there is a submenu
192
- .dropdown-submenu > a:after {
193
- display: block;
194
- content: " ";
195
- float: right;
196
- width: 0;
197
- height: 0;
198
- border-color: transparent;
199
- border-style: solid;
200
- border-width: 5px 0 5px 5px;
201
- border-left-color: darken($dropdownBackground, 20%);
202
- margin-top: 5px;
203
- margin-right: -10px;
204
- }
205
- .dropdown-submenu:hover > a:after {
206
- border-left-color: $dropdownLinkColorHover;
207
- }
208
-
209
- // Left aligned submenus
210
- .dropdown-submenu.pull-left {
211
- // Undo the float
212
- // Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere.
213
- float: none;
214
-
215
- // Positioning the submenu
216
- > .dropdown-menu {
217
- left: -100%;
218
- margin-left: 10px;
219
- @include border-radius(6px 0 6px 6px);
220
- }
221
- }
222
-
223
- // Tweak nav headers
224
- // -----------------
225
- // Increase padding from 15px to 20px on sides
226
- .dropdown .dropdown-menu .nav-header {
227
- padding-left: 20px;
228
- padding-right: 20px;
229
- }
230
-
231
- // Typeahead
232
- // ---------
233
- .typeahead {
234
- z-index: 1051;
235
- margin-top: 2px; // give it some space to breathe
236
- @include border-radius($baseBorderRadius);
237
- }