bootstrap-sass 2.3.1.3 → 3.4.1

Sign up to get free protection for your applications and to get access to all the features.
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
- }