flipper-ui 0.2.0.beta2 → 0.2.0.beta3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (218) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +12 -11
  3. data/README.md +5 -7
  4. data/examples/basic.ru +27 -26
  5. data/flipper-ui.gemspec +5 -3
  6. data/lib/flipper-ui.rb +1 -0
  7. data/lib/flipper/ui.rb +11 -2
  8. data/lib/flipper/ui/action.rb +45 -4
  9. data/lib/flipper/ui/actions/actors_gate.rb +48 -0
  10. data/lib/flipper/ui/actions/add_feature.rb +20 -0
  11. data/lib/flipper/ui/actions/boolean_gate.rb +26 -0
  12. data/lib/flipper/ui/actions/feature.rb +32 -0
  13. data/lib/flipper/ui/actions/features.rb +23 -3
  14. data/lib/flipper/ui/actions/file.rb +1 -1
  15. data/lib/flipper/ui/actions/gate.rb +11 -117
  16. data/lib/flipper/ui/actions/groups_gate.rb +43 -0
  17. data/lib/flipper/ui/actions/{index.rb → home.rb} +3 -3
  18. data/lib/flipper/ui/actions/percentage_of_actors_gate.rb +27 -0
  19. data/lib/flipper/ui/actions/percentage_of_time_gate.rb +27 -0
  20. data/lib/flipper/ui/actor.rb +13 -0
  21. data/lib/flipper/ui/assets/javascripts/application.coffee +0 -305
  22. data/lib/flipper/ui/assets/stylesheets/_bootstrap-compass.scss +9 -0
  23. data/lib/flipper/ui/assets/stylesheets/_bootstrap-mincer.scss +19 -0
  24. data/lib/flipper/ui/assets/stylesheets/_bootstrap-sprockets.scss +9 -0
  25. data/lib/flipper/ui/assets/stylesheets/_bootstrap.scss +50 -0
  26. data/lib/flipper/ui/assets/stylesheets/application.scss +33 -216
  27. data/lib/flipper/ui/assets/stylesheets/bootstrap/_alerts.scss +73 -0
  28. data/lib/flipper/ui/assets/stylesheets/bootstrap/_badges.scss +68 -0
  29. data/lib/flipper/ui/assets/stylesheets/bootstrap/_breadcrumbs.scss +26 -0
  30. data/lib/flipper/ui/assets/stylesheets/bootstrap/_button-groups.scss +243 -0
  31. data/lib/flipper/ui/assets/stylesheets/bootstrap/_buttons.scss +160 -0
  32. data/lib/flipper/ui/assets/stylesheets/bootstrap/_carousel.scss +269 -0
  33. data/lib/flipper/ui/assets/stylesheets/bootstrap/_close.scss +36 -0
  34. data/lib/flipper/ui/assets/stylesheets/bootstrap/_code.scss +69 -0
  35. data/lib/flipper/ui/assets/stylesheets/bootstrap/_component-animations.scss +37 -0
  36. data/lib/flipper/ui/assets/stylesheets/bootstrap/_dropdowns.scss +214 -0
  37. data/lib/flipper/ui/assets/stylesheets/bootstrap/_forms.scss +578 -0
  38. data/lib/flipper/ui/assets/stylesheets/bootstrap/_glyphicons.scss +305 -0
  39. data/lib/flipper/ui/assets/stylesheets/bootstrap/_grid.scss +84 -0
  40. data/lib/flipper/ui/assets/stylesheets/bootstrap/_input-groups.scss +166 -0
  41. data/lib/flipper/ui/assets/stylesheets/bootstrap/_jumbotron.scss +50 -0
  42. data/lib/flipper/ui/assets/stylesheets/bootstrap/_labels.scss +66 -0
  43. data/lib/flipper/ui/assets/stylesheets/bootstrap/_list-group.scss +124 -0
  44. data/lib/flipper/ui/assets/stylesheets/bootstrap/_media.scss +61 -0
  45. data/lib/flipper/ui/assets/stylesheets/bootstrap/_mixins.scss +39 -0
  46. data/lib/flipper/ui/assets/stylesheets/bootstrap/_modals.scss +150 -0
  47. data/lib/flipper/ui/assets/stylesheets/bootstrap/_navbar.scss +662 -0
  48. data/lib/flipper/ui/assets/stylesheets/bootstrap/_navs.scss +242 -0
  49. data/lib/flipper/ui/assets/stylesheets/bootstrap/_normalize.scss +427 -0
  50. data/lib/flipper/ui/assets/stylesheets/bootstrap/_pager.scss +54 -0
  51. data/lib/flipper/ui/assets/stylesheets/bootstrap/_pagination.scss +88 -0
  52. data/lib/flipper/ui/assets/stylesheets/bootstrap/_panels.scss +265 -0
  53. data/lib/flipper/ui/assets/stylesheets/bootstrap/_popovers.scss +135 -0
  54. data/lib/flipper/ui/assets/stylesheets/bootstrap/_print.scss +107 -0
  55. data/lib/flipper/ui/assets/stylesheets/bootstrap/_progress-bars.scss +87 -0
  56. data/lib/flipper/ui/assets/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  57. data/lib/flipper/ui/assets/stylesheets/bootstrap/_responsive-utilities.scss +177 -0
  58. data/lib/flipper/ui/assets/stylesheets/bootstrap/_scaffolding.scss +162 -0
  59. data/lib/flipper/ui/assets/stylesheets/bootstrap/_tables.scss +234 -0
  60. data/lib/flipper/ui/assets/stylesheets/bootstrap/_theme.scss +273 -0
  61. data/lib/flipper/ui/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
  62. data/lib/flipper/ui/assets/stylesheets/bootstrap/_tooltip.scss +102 -0
  63. data/lib/flipper/ui/assets/stylesheets/bootstrap/_type.scss +298 -0
  64. data/lib/flipper/ui/assets/stylesheets/bootstrap/_utilities.scss +55 -0
  65. data/lib/flipper/ui/assets/stylesheets/bootstrap/_variables.scss +866 -0
  66. data/lib/flipper/ui/assets/stylesheets/bootstrap/_wells.scss +29 -0
  67. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  68. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_background-variant.scss +11 -0
  69. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  70. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_buttons.scss +52 -0
  71. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  72. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  73. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  74. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  75. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  76. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  77. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  78. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  79. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  80. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_list-group.scss +31 -0
  81. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  82. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  83. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  84. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_pagination.scss +23 -0
  85. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  86. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  87. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  88. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  89. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  90. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  91. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  92. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  93. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +11 -0
  94. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  95. data/lib/flipper/ui/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  96. data/lib/flipper/ui/assets/stylesheets/primer/.scss-lint.yml +446 -0
  97. data/lib/flipper/ui/assets/stylesheets/primer/_alerts.scss +106 -0
  98. data/lib/flipper/ui/assets/stylesheets/primer/_avatars.scss +36 -0
  99. data/lib/flipper/ui/assets/stylesheets/primer/_base.scss +40 -0
  100. data/lib/flipper/ui/assets/stylesheets/primer/_blankslate.scss +96 -0
  101. data/lib/flipper/ui/assets/stylesheets/primer/_buttons.scss +404 -0
  102. data/lib/flipper/ui/assets/stylesheets/primer/_counter.scss +10 -0
  103. data/lib/flipper/ui/assets/stylesheets/primer/_filter-list.scss +68 -0
  104. data/lib/flipper/ui/assets/stylesheets/primer/_flex-table.scss +20 -0
  105. data/lib/flipper/ui/assets/stylesheets/primer/_forms.scss +756 -0
  106. data/lib/flipper/ui/assets/stylesheets/primer/_layout.scss +69 -0
  107. data/lib/flipper/ui/assets/stylesheets/primer/_menu.scss +113 -0
  108. data/lib/flipper/ui/assets/stylesheets/primer/_mixins.scss +53 -0
  109. data/lib/flipper/ui/assets/stylesheets/primer/_normalize.scss +425 -0
  110. data/lib/flipper/ui/assets/stylesheets/primer/_states.scss +32 -0
  111. data/lib/flipper/ui/assets/stylesheets/primer/_tabnav.scss +65 -0
  112. data/lib/flipper/ui/assets/stylesheets/primer/_tooltips.scss +255 -0
  113. data/lib/flipper/ui/assets/stylesheets/primer/_truncate.scss +27 -0
  114. data/lib/flipper/ui/assets/stylesheets/primer/_type.scss +92 -0
  115. data/lib/flipper/ui/assets/stylesheets/primer/_utility.scss +73 -0
  116. data/lib/flipper/ui/assets/stylesheets/primer/_variables.scss +34 -0
  117. data/lib/flipper/ui/assets/stylesheets/primer/primer.scss +39 -0
  118. data/lib/flipper/ui/decorators/feature.rb +37 -4
  119. data/lib/flipper/ui/middleware.rb +12 -3
  120. data/lib/flipper/ui/public/css/application.css +2563 -144
  121. data/lib/flipper/ui/public/css/primer.css +1 -0
  122. data/lib/flipper/ui/public/css/primer/primer.css +1933 -0
  123. data/lib/flipper/ui/public/css/scss/primer.css +1933 -0
  124. data/lib/flipper/ui/public/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  125. data/lib/flipper/ui/public/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  126. data/lib/flipper/ui/public/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  127. data/lib/flipper/ui/public/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  128. data/lib/flipper/ui/public/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  129. data/lib/flipper/ui/public/js/application.js +0 -539
  130. data/lib/flipper/ui/public/js/bootstrap-sprockets.js +12 -0
  131. data/lib/flipper/ui/public/js/bootstrap.js +2317 -0
  132. data/lib/flipper/ui/public/js/bootstrap.min.js +7 -0
  133. data/lib/flipper/ui/public/js/bootstrap/affix.js +162 -0
  134. data/lib/flipper/ui/public/js/bootstrap/alert.js +94 -0
  135. data/lib/flipper/ui/public/js/bootstrap/button.js +116 -0
  136. data/lib/flipper/ui/public/js/bootstrap/carousel.js +237 -0
  137. data/lib/flipper/ui/public/js/bootstrap/collapse.js +211 -0
  138. data/lib/flipper/ui/public/js/bootstrap/dropdown.js +161 -0
  139. data/lib/flipper/ui/public/js/bootstrap/modal.js +339 -0
  140. data/lib/flipper/ui/public/js/bootstrap/popover.js +108 -0
  141. data/lib/flipper/ui/public/js/bootstrap/scrollspy.js +172 -0
  142. data/lib/flipper/ui/public/js/bootstrap/tab.js +153 -0
  143. data/lib/flipper/ui/public/js/bootstrap/tooltip.js +476 -0
  144. data/lib/flipper/ui/public/js/bootstrap/transition.js +59 -0
  145. data/lib/flipper/ui/public/octicons/LICENSE.txt +9 -0
  146. data/lib/flipper/ui/public/octicons/README.md +1 -0
  147. data/lib/flipper/ui/public/octicons/octicons-local.ttf +0 -0
  148. data/lib/flipper/ui/public/octicons/octicons.css +236 -0
  149. data/lib/flipper/ui/public/octicons/octicons.eot +0 -0
  150. data/lib/flipper/ui/public/octicons/octicons.less +235 -0
  151. data/lib/flipper/ui/public/octicons/octicons.svg +200 -0
  152. data/lib/flipper/ui/public/octicons/octicons.ttf +0 -0
  153. data/lib/flipper/ui/public/octicons/octicons.woff +0 -0
  154. data/lib/flipper/ui/public/octicons/sprockets-octicons.scss +232 -0
  155. data/lib/flipper/ui/util.rb +4 -0
  156. data/lib/flipper/ui/version.rb +1 -1
  157. data/lib/flipper/ui/views/add_actor.erb +22 -0
  158. data/lib/flipper/ui/views/add_feature.erb +18 -0
  159. data/lib/flipper/ui/views/add_group.erb +31 -0
  160. data/lib/flipper/ui/views/feature.erb +209 -0
  161. data/lib/flipper/ui/views/features.erb +46 -0
  162. data/lib/flipper/ui/views/layout.erb +31 -149
  163. data/script/release +15 -0
  164. data/spec/flipper/ui/actions/actors_gate_spec.rb +68 -0
  165. data/spec/flipper/ui/actions/add_feature_spec.rb +17 -0
  166. data/spec/flipper/ui/actions/boolean_gate_spec.rb +41 -0
  167. data/spec/flipper/ui/actions/feature_spec.rb +59 -0
  168. data/spec/flipper/ui/actions/features_spec.rb +37 -0
  169. data/spec/flipper/ui/actions/file_spec.rb +43 -0
  170. data/spec/flipper/ui/actions/gate_spec.rb +24 -0
  171. data/spec/flipper/ui/actions/groups_gate_spec.rb +80 -0
  172. data/spec/flipper/ui/actions/home_spec.rb +16 -0
  173. data/spec/flipper/ui/actions/percentage_of_actors_gate_spec.rb +40 -0
  174. data/spec/flipper/ui/actions/percentage_of_time_gate_spec.rb +39 -0
  175. data/spec/flipper/ui/decorators/feature_spec.rb +38 -1
  176. data/spec/flipper/ui/decorators/gate_spec.rb +1 -1
  177. data/spec/flipper/ui_spec.rb +18 -441
  178. data/spec/helper.rb +22 -7
  179. metadata +199 -52
  180. data/examples/flipper.html +0 -14
  181. data/examples/flipper.png +0 -0
  182. data/lib/flipper/ui/assets/javascripts/spine/ajax.coffee +0 -223
  183. data/lib/flipper/ui/assets/javascripts/spine/list.coffee +0 -43
  184. data/lib/flipper/ui/assets/javascripts/spine/local.coffee +0 -16
  185. data/lib/flipper/ui/assets/javascripts/spine/manager.coffee +0 -83
  186. data/lib/flipper/ui/assets/javascripts/spine/relation.coffee +0 -148
  187. data/lib/flipper/ui/assets/javascripts/spine/route.coffee +0 -146
  188. data/lib/flipper/ui/assets/javascripts/spine/spine.coffee +0 -542
  189. data/lib/flipper/ui/assets/javascripts/spine/version +0 -1
  190. data/lib/flipper/ui/public/css/images/animated-overlay.gif +0 -0
  191. data/lib/flipper/ui/public/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
  192. data/lib/flipper/ui/public/css/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
  193. data/lib/flipper/ui/public/css/images/ui-bg_flat_10_000000_40x100.png +0 -0
  194. data/lib/flipper/ui/public/css/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
  195. data/lib/flipper/ui/public/css/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  196. data/lib/flipper/ui/public/css/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  197. data/lib/flipper/ui/public/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  198. data/lib/flipper/ui/public/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
  199. data/lib/flipper/ui/public/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
  200. data/lib/flipper/ui/public/css/images/ui-icons_222222_256x240.png +0 -0
  201. data/lib/flipper/ui/public/css/images/ui-icons_228ef1_256x240.png +0 -0
  202. data/lib/flipper/ui/public/css/images/ui-icons_ef8c08_256x240.png +0 -0
  203. data/lib/flipper/ui/public/css/images/ui-icons_ffd27a_256x240.png +0 -0
  204. data/lib/flipper/ui/public/css/images/ui-icons_ffffff_256x240.png +0 -0
  205. data/lib/flipper/ui/public/css/jquery-ui-1.10.3.slider.min.css +0 -5
  206. data/lib/flipper/ui/public/js/handlebars.js +0 -1992
  207. data/lib/flipper/ui/public/js/jquery-ui-1.10.3.slider.min.js +0 -6
  208. data/lib/flipper/ui/public/js/jquery.js +0 -9555
  209. data/lib/flipper/ui/public/js/jquery.min.js +0 -4
  210. data/lib/flipper/ui/public/js/jquery.min.map +0 -1
  211. data/lib/flipper/ui/public/js/spine/ajax.js +0 -320
  212. data/lib/flipper/ui/public/js/spine/list.js +0 -72
  213. data/lib/flipper/ui/public/js/spine/local.js +0 -29
  214. data/lib/flipper/ui/public/js/spine/manager.js +0 -157
  215. data/lib/flipper/ui/public/js/spine/relation.js +0 -260
  216. data/lib/flipper/ui/public/js/spine/route.js +0 -223
  217. data/lib/flipper/ui/public/js/spine/spine.js +0 -927
  218. data/lib/flipper/ui/views/index.erb +0 -9
@@ -0,0 +1,662 @@
1
+ //
2
+ // Navbars
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Wrapper and base class
7
+ //
8
+ // Provide a static navbar from which we expand to create full-width, fixed, and
9
+ // other navbar variations.
10
+
11
+ .navbar {
12
+ position: relative;
13
+ min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
14
+ margin-bottom: $navbar-margin-bottom;
15
+ border: 1px solid transparent;
16
+
17
+ // Prevent floats from breaking the navbar
18
+ @include clearfix;
19
+
20
+ @media (min-width: $grid-float-breakpoint) {
21
+ border-radius: $navbar-border-radius;
22
+ }
23
+ }
24
+
25
+
26
+ // Navbar heading
27
+ //
28
+ // Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
29
+ // styling of responsive aspects.
30
+
31
+ .navbar-header {
32
+ @include clearfix;
33
+
34
+ @media (min-width: $grid-float-breakpoint) {
35
+ float: left;
36
+ }
37
+ }
38
+
39
+
40
+ // Navbar collapse (body)
41
+ //
42
+ // Group your navbar content into this for easy collapsing and expanding across
43
+ // various device sizes. By default, this content is collapsed when <768px, but
44
+ // will expand past that for a horizontal display.
45
+ //
46
+ // To start (on mobile devices) the navbar links, forms, and buttons are stacked
47
+ // vertically and include a `max-height` to overflow in case you have too much
48
+ // content for the user's viewport.
49
+
50
+ .navbar-collapse {
51
+ overflow-x: visible;
52
+ padding-right: $navbar-padding-horizontal;
53
+ padding-left: $navbar-padding-horizontal;
54
+ border-top: 1px solid transparent;
55
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
56
+ @include clearfix;
57
+ -webkit-overflow-scrolling: touch;
58
+
59
+ &.in {
60
+ overflow-y: auto;
61
+ }
62
+
63
+ @media (min-width: $grid-float-breakpoint) {
64
+ width: auto;
65
+ border-top: 0;
66
+ box-shadow: none;
67
+
68
+ &.collapse {
69
+ display: block !important;
70
+ height: auto !important;
71
+ padding-bottom: 0; // Override default setting
72
+ overflow: visible !important;
73
+ }
74
+
75
+ &.in {
76
+ overflow-y: visible;
77
+ }
78
+
79
+ // Undo the collapse side padding for navbars with containers to ensure
80
+ // alignment of right-aligned contents.
81
+ .navbar-fixed-top &,
82
+ .navbar-static-top &,
83
+ .navbar-fixed-bottom & {
84
+ padding-left: 0;
85
+ padding-right: 0;
86
+ }
87
+ }
88
+ }
89
+
90
+ .navbar-fixed-top,
91
+ .navbar-fixed-bottom {
92
+ .navbar-collapse {
93
+ max-height: $navbar-collapse-max-height;
94
+
95
+ @media (max-device-width: $screen-xs-min) and (orientation: landscape) {
96
+ max-height: 200px;
97
+ }
98
+ }
99
+ }
100
+
101
+
102
+ // Both navbar header and collapse
103
+ //
104
+ // When a container is present, change the behavior of the header and collapse.
105
+
106
+ .container,
107
+ .container-fluid {
108
+ > .navbar-header,
109
+ > .navbar-collapse {
110
+ margin-right: -$navbar-padding-horizontal;
111
+ margin-left: -$navbar-padding-horizontal;
112
+
113
+ @media (min-width: $grid-float-breakpoint) {
114
+ margin-right: 0;
115
+ margin-left: 0;
116
+ }
117
+ }
118
+ }
119
+
120
+
121
+ //
122
+ // Navbar alignment options
123
+ //
124
+ // Display the navbar across the entirety of the page or fixed it to the top or
125
+ // bottom of the page.
126
+
127
+ // Static top (unfixed, but 100% wide) navbar
128
+ .navbar-static-top {
129
+ z-index: $zindex-navbar;
130
+ border-width: 0 0 1px;
131
+
132
+ @media (min-width: $grid-float-breakpoint) {
133
+ border-radius: 0;
134
+ }
135
+ }
136
+
137
+ // Fix the top/bottom navbars when screen real estate supports it
138
+ .navbar-fixed-top,
139
+ .navbar-fixed-bottom {
140
+ position: fixed;
141
+ right: 0;
142
+ left: 0;
143
+ z-index: $zindex-navbar-fixed;
144
+
145
+ // Undo the rounded corners
146
+ @media (min-width: $grid-float-breakpoint) {
147
+ border-radius: 0;
148
+ }
149
+ }
150
+ .navbar-fixed-top {
151
+ top: 0;
152
+ border-width: 0 0 1px;
153
+ }
154
+ .navbar-fixed-bottom {
155
+ bottom: 0;
156
+ margin-bottom: 0; // override .navbar defaults
157
+ border-width: 1px 0 0;
158
+ }
159
+
160
+
161
+ // Brand/project name
162
+
163
+ .navbar-brand {
164
+ float: left;
165
+ padding: $navbar-padding-vertical $navbar-padding-horizontal;
166
+ font-size: $font-size-large;
167
+ line-height: $line-height-computed;
168
+ height: $navbar-height;
169
+
170
+ &:hover,
171
+ &:focus {
172
+ text-decoration: none;
173
+ }
174
+
175
+ > img {
176
+ display: block;
177
+ }
178
+
179
+ @media (min-width: $grid-float-breakpoint) {
180
+ .navbar > .container &,
181
+ .navbar > .container-fluid & {
182
+ margin-left: -$navbar-padding-horizontal;
183
+ }
184
+ }
185
+ }
186
+
187
+
188
+ // Navbar toggle
189
+ //
190
+ // Custom button for toggling the `.navbar-collapse`, powered by the collapse
191
+ // JavaScript plugin.
192
+
193
+ .navbar-toggle {
194
+ position: relative;
195
+ float: right;
196
+ margin-right: $navbar-padding-horizontal;
197
+ padding: 9px 10px;
198
+ @include navbar-vertical-align(34px);
199
+ background-color: transparent;
200
+ background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
201
+ border: 1px solid transparent;
202
+ border-radius: $border-radius-base;
203
+
204
+ // We remove the `outline` here, but later compensate by attaching `:hover`
205
+ // styles to `:focus`.
206
+ &:focus {
207
+ outline: 0;
208
+ }
209
+
210
+ // Bars
211
+ .icon-bar {
212
+ display: block;
213
+ width: 22px;
214
+ height: 2px;
215
+ border-radius: 1px;
216
+ }
217
+ .icon-bar + .icon-bar {
218
+ margin-top: 4px;
219
+ }
220
+
221
+ @media (min-width: $grid-float-breakpoint) {
222
+ display: none;
223
+ }
224
+ }
225
+
226
+
227
+ // Navbar nav links
228
+ //
229
+ // Builds on top of the `.nav` components with its own modifier class to make
230
+ // the nav the full height of the horizontal nav (above 768px).
231
+
232
+ .navbar-nav {
233
+ margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal);
234
+
235
+ > li > a {
236
+ padding-top: 10px;
237
+ padding-bottom: 10px;
238
+ line-height: $line-height-computed;
239
+ }
240
+
241
+ @media (max-width: $grid-float-breakpoint-max) {
242
+ // Dropdowns get custom display when collapsed
243
+ .open .dropdown-menu {
244
+ position: static;
245
+ float: none;
246
+ width: auto;
247
+ margin-top: 0;
248
+ background-color: transparent;
249
+ border: 0;
250
+ box-shadow: none;
251
+ > li > a,
252
+ .dropdown-header {
253
+ padding: 5px 15px 5px 25px;
254
+ }
255
+ > li > a {
256
+ line-height: $line-height-computed;
257
+ &:hover,
258
+ &:focus {
259
+ background-image: none;
260
+ }
261
+ }
262
+ }
263
+ }
264
+
265
+ // Uncollapse the nav
266
+ @media (min-width: $grid-float-breakpoint) {
267
+ float: left;
268
+ margin: 0;
269
+
270
+ > li {
271
+ float: left;
272
+ > a {
273
+ padding-top: $navbar-padding-vertical;
274
+ padding-bottom: $navbar-padding-vertical;
275
+ }
276
+ }
277
+ }
278
+ }
279
+
280
+
281
+ // Navbar form
282
+ //
283
+ // Extension of the `.form-inline` with some extra flavor for optimum display in
284
+ // our navbars.
285
+
286
+ .navbar-form {
287
+ margin-left: -$navbar-padding-horizontal;
288
+ margin-right: -$navbar-padding-horizontal;
289
+ padding: 10px $navbar-padding-horizontal;
290
+ border-top: 1px solid transparent;
291
+ border-bottom: 1px solid transparent;
292
+ $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
293
+ @include box-shadow($shadow);
294
+
295
+ // Mixin behavior for optimum display
296
+ @include form-inline;
297
+
298
+ .form-group {
299
+ @media (max-width: $grid-float-breakpoint-max) {
300
+ margin-bottom: 5px;
301
+
302
+ &:last-child {
303
+ margin-bottom: 0;
304
+ }
305
+ }
306
+ }
307
+
308
+ // Vertically center in expanded, horizontal navbar
309
+ @include navbar-vertical-align($input-height-base);
310
+
311
+ // Undo 100% width for pull classes
312
+ @media (min-width: $grid-float-breakpoint) {
313
+ width: auto;
314
+ border: 0;
315
+ margin-left: 0;
316
+ margin-right: 0;
317
+ padding-top: 0;
318
+ padding-bottom: 0;
319
+ @include box-shadow(none);
320
+ }
321
+ }
322
+
323
+
324
+ // Dropdown menus
325
+
326
+ // Menu position and menu carets
327
+ .navbar-nav > li > .dropdown-menu {
328
+ margin-top: 0;
329
+ @include border-top-radius(0);
330
+ }
331
+ // Menu position and menu caret support for dropups via extra dropup class
332
+ .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
333
+ margin-bottom: 0;
334
+ @include border-top-radius($navbar-border-radius);
335
+ @include border-bottom-radius(0);
336
+ }
337
+
338
+
339
+ // Buttons in navbars
340
+ //
341
+ // Vertically center a button within a navbar (when *not* in a form).
342
+
343
+ .navbar-btn {
344
+ @include navbar-vertical-align($input-height-base);
345
+
346
+ &.btn-sm {
347
+ @include navbar-vertical-align($input-height-small);
348
+ }
349
+ &.btn-xs {
350
+ @include navbar-vertical-align(22);
351
+ }
352
+ }
353
+
354
+
355
+ // Text in navbars
356
+ //
357
+ // Add a class to make any element properly align itself vertically within the navbars.
358
+
359
+ .navbar-text {
360
+ @include navbar-vertical-align($line-height-computed);
361
+
362
+ @media (min-width: $grid-float-breakpoint) {
363
+ float: left;
364
+ margin-left: $navbar-padding-horizontal;
365
+ margin-right: $navbar-padding-horizontal;
366
+ }
367
+ }
368
+
369
+
370
+ // Component alignment
371
+ //
372
+ // Repurpose the pull utilities as their own navbar utilities to avoid specificity
373
+ // issues with parents and chaining. Only do this when the navbar is uncollapsed
374
+ // though so that navbar contents properly stack and align in mobile.
375
+ //
376
+ // Declared after the navbar components to ensure more specificity on the margins.
377
+
378
+ @media (min-width: $grid-float-breakpoint) {
379
+ .navbar-left {
380
+ float: left !important;
381
+ }
382
+ .navbar-right {
383
+ float: right !important;
384
+ margin-right: -$navbar-padding-horizontal;
385
+
386
+ ~ .navbar-right {
387
+ margin-right: 0;
388
+ }
389
+ }
390
+ }
391
+
392
+
393
+ // Alternate navbars
394
+ // --------------------------------------------------
395
+
396
+ // Default navbar
397
+ .navbar-default {
398
+ background-color: $navbar-default-bg;
399
+ border-color: $navbar-default-border;
400
+
401
+ .navbar-brand {
402
+ color: $navbar-default-brand-color;
403
+ &:hover,
404
+ &:focus {
405
+ color: $navbar-default-brand-hover-color;
406
+ background-color: $navbar-default-brand-hover-bg;
407
+ }
408
+ }
409
+
410
+ .navbar-text {
411
+ color: $navbar-default-color;
412
+ }
413
+
414
+ .navbar-nav {
415
+ > li > a {
416
+ color: $navbar-default-link-color;
417
+
418
+ &:hover,
419
+ &:focus {
420
+ color: $navbar-default-link-hover-color;
421
+ background-color: $navbar-default-link-hover-bg;
422
+ }
423
+ }
424
+ > .active > a {
425
+ &,
426
+ &:hover,
427
+ &:focus {
428
+ color: $navbar-default-link-active-color;
429
+ background-color: $navbar-default-link-active-bg;
430
+ }
431
+ }
432
+ > .disabled > a {
433
+ &,
434
+ &:hover,
435
+ &:focus {
436
+ color: $navbar-default-link-disabled-color;
437
+ background-color: $navbar-default-link-disabled-bg;
438
+ }
439
+ }
440
+ }
441
+
442
+ .navbar-toggle {
443
+ border-color: $navbar-default-toggle-border-color;
444
+ &:hover,
445
+ &:focus {
446
+ background-color: $navbar-default-toggle-hover-bg;
447
+ }
448
+ .icon-bar {
449
+ background-color: $navbar-default-toggle-icon-bar-bg;
450
+ }
451
+ }
452
+
453
+ .navbar-collapse,
454
+ .navbar-form {
455
+ border-color: $navbar-default-border;
456
+ }
457
+
458
+ // Dropdown menu items
459
+ .navbar-nav {
460
+ // Remove background color from open dropdown
461
+ > .open > a {
462
+ &,
463
+ &:hover,
464
+ &:focus {
465
+ background-color: $navbar-default-link-active-bg;
466
+ color: $navbar-default-link-active-color;
467
+ }
468
+ }
469
+
470
+ @media (max-width: $grid-float-breakpoint-max) {
471
+ // Dropdowns get custom display when collapsed
472
+ .open .dropdown-menu {
473
+ > li > a {
474
+ color: $navbar-default-link-color;
475
+ &:hover,
476
+ &:focus {
477
+ color: $navbar-default-link-hover-color;
478
+ background-color: $navbar-default-link-hover-bg;
479
+ }
480
+ }
481
+ > .active > a {
482
+ &,
483
+ &:hover,
484
+ &:focus {
485
+ color: $navbar-default-link-active-color;
486
+ background-color: $navbar-default-link-active-bg;
487
+ }
488
+ }
489
+ > .disabled > a {
490
+ &,
491
+ &:hover,
492
+ &:focus {
493
+ color: $navbar-default-link-disabled-color;
494
+ background-color: $navbar-default-link-disabled-bg;
495
+ }
496
+ }
497
+ }
498
+ }
499
+ }
500
+
501
+
502
+ // Links in navbars
503
+ //
504
+ // Add a class to ensure links outside the navbar nav are colored correctly.
505
+
506
+ .navbar-link {
507
+ color: $navbar-default-link-color;
508
+ &:hover {
509
+ color: $navbar-default-link-hover-color;
510
+ }
511
+ }
512
+
513
+ .btn-link {
514
+ color: $navbar-default-link-color;
515
+ &:hover,
516
+ &:focus {
517
+ color: $navbar-default-link-hover-color;
518
+ }
519
+ &[disabled],
520
+ fieldset[disabled] & {
521
+ &:hover,
522
+ &:focus {
523
+ color: $navbar-default-link-disabled-color;
524
+ }
525
+ }
526
+ }
527
+ }
528
+
529
+ // Inverse navbar
530
+
531
+ .navbar-inverse {
532
+ background-color: $navbar-inverse-bg;
533
+ border-color: $navbar-inverse-border;
534
+
535
+ .navbar-brand {
536
+ color: $navbar-inverse-brand-color;
537
+ &:hover,
538
+ &:focus {
539
+ color: $navbar-inverse-brand-hover-color;
540
+ background-color: $navbar-inverse-brand-hover-bg;
541
+ }
542
+ }
543
+
544
+ .navbar-text {
545
+ color: $navbar-inverse-color;
546
+ }
547
+
548
+ .navbar-nav {
549
+ > li > a {
550
+ color: $navbar-inverse-link-color;
551
+
552
+ &:hover,
553
+ &:focus {
554
+ color: $navbar-inverse-link-hover-color;
555
+ background-color: $navbar-inverse-link-hover-bg;
556
+ }
557
+ }
558
+ > .active > a {
559
+ &,
560
+ &:hover,
561
+ &:focus {
562
+ color: $navbar-inverse-link-active-color;
563
+ background-color: $navbar-inverse-link-active-bg;
564
+ }
565
+ }
566
+ > .disabled > a {
567
+ &,
568
+ &:hover,
569
+ &:focus {
570
+ color: $navbar-inverse-link-disabled-color;
571
+ background-color: $navbar-inverse-link-disabled-bg;
572
+ }
573
+ }
574
+ }
575
+
576
+ // Darken the responsive nav toggle
577
+ .navbar-toggle {
578
+ border-color: $navbar-inverse-toggle-border-color;
579
+ &:hover,
580
+ &:focus {
581
+ background-color: $navbar-inverse-toggle-hover-bg;
582
+ }
583
+ .icon-bar {
584
+ background-color: $navbar-inverse-toggle-icon-bar-bg;
585
+ }
586
+ }
587
+
588
+ .navbar-collapse,
589
+ .navbar-form {
590
+ border-color: darken($navbar-inverse-bg, 7%);
591
+ }
592
+
593
+ // Dropdowns
594
+ .navbar-nav {
595
+ > .open > a {
596
+ &,
597
+ &:hover,
598
+ &:focus {
599
+ background-color: $navbar-inverse-link-active-bg;
600
+ color: $navbar-inverse-link-active-color;
601
+ }
602
+ }
603
+
604
+ @media (max-width: $grid-float-breakpoint-max) {
605
+ // Dropdowns get custom display
606
+ .open .dropdown-menu {
607
+ > .dropdown-header {
608
+ border-color: $navbar-inverse-border;
609
+ }
610
+ .divider {
611
+ background-color: $navbar-inverse-border;
612
+ }
613
+ > li > a {
614
+ color: $navbar-inverse-link-color;
615
+ &:hover,
616
+ &:focus {
617
+ color: $navbar-inverse-link-hover-color;
618
+ background-color: $navbar-inverse-link-hover-bg;
619
+ }
620
+ }
621
+ > .active > a {
622
+ &,
623
+ &:hover,
624
+ &:focus {
625
+ color: $navbar-inverse-link-active-color;
626
+ background-color: $navbar-inverse-link-active-bg;
627
+ }
628
+ }
629
+ > .disabled > a {
630
+ &,
631
+ &:hover,
632
+ &:focus {
633
+ color: $navbar-inverse-link-disabled-color;
634
+ background-color: $navbar-inverse-link-disabled-bg;
635
+ }
636
+ }
637
+ }
638
+ }
639
+ }
640
+
641
+ .navbar-link {
642
+ color: $navbar-inverse-link-color;
643
+ &:hover {
644
+ color: $navbar-inverse-link-hover-color;
645
+ }
646
+ }
647
+
648
+ .btn-link {
649
+ color: $navbar-inverse-link-color;
650
+ &:hover,
651
+ &:focus {
652
+ color: $navbar-inverse-link-hover-color;
653
+ }
654
+ &[disabled],
655
+ fieldset[disabled] & {
656
+ &:hover,
657
+ &:focus {
658
+ color: $navbar-inverse-link-disabled-color;
659
+ }
660
+ }
661
+ }
662
+ }