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,54 @@
1
+ //
2
+ // Pager pagination
3
+ // --------------------------------------------------
4
+
5
+
6
+ .pager {
7
+ padding-left: 0;
8
+ margin: $line-height-computed 0;
9
+ list-style: none;
10
+ text-align: center;
11
+ @include clearfix;
12
+ li {
13
+ display: inline;
14
+ > a,
15
+ > span {
16
+ display: inline-block;
17
+ padding: 5px 14px;
18
+ background-color: $pager-bg;
19
+ border: 1px solid $pager-border;
20
+ border-radius: $pager-border-radius;
21
+ }
22
+
23
+ > a:hover,
24
+ > a:focus {
25
+ text-decoration: none;
26
+ background-color: $pager-hover-bg;
27
+ }
28
+ }
29
+
30
+ .next {
31
+ > a,
32
+ > span {
33
+ float: right;
34
+ }
35
+ }
36
+
37
+ .previous {
38
+ > a,
39
+ > span {
40
+ float: left;
41
+ }
42
+ }
43
+
44
+ .disabled {
45
+ > a,
46
+ > a:hover,
47
+ > a:focus,
48
+ > span {
49
+ color: $pager-disabled-color;
50
+ background-color: $pager-bg;
51
+ cursor: $cursor-disabled;
52
+ }
53
+ }
54
+ }
@@ -0,0 +1,88 @@
1
+ //
2
+ // Pagination (multiple pages)
3
+ // --------------------------------------------------
4
+ .pagination {
5
+ display: inline-block;
6
+ padding-left: 0;
7
+ margin: $line-height-computed 0;
8
+ border-radius: $border-radius-base;
9
+
10
+ > li {
11
+ display: inline; // Remove list-style and block-level defaults
12
+ > a,
13
+ > span {
14
+ position: relative;
15
+ float: left; // Collapse white-space
16
+ padding: $padding-base-vertical $padding-base-horizontal;
17
+ line-height: $line-height-base;
18
+ text-decoration: none;
19
+ color: $pagination-color;
20
+ background-color: $pagination-bg;
21
+ border: 1px solid $pagination-border;
22
+ margin-left: -1px;
23
+ }
24
+ &:first-child {
25
+ > a,
26
+ > span {
27
+ margin-left: 0;
28
+ @include border-left-radius($border-radius-base);
29
+ }
30
+ }
31
+ &:last-child {
32
+ > a,
33
+ > span {
34
+ @include border-right-radius($border-radius-base);
35
+ }
36
+ }
37
+ }
38
+
39
+ > li > a,
40
+ > li > span {
41
+ &:hover,
42
+ &:focus {
43
+ color: $pagination-hover-color;
44
+ background-color: $pagination-hover-bg;
45
+ border-color: $pagination-hover-border;
46
+ }
47
+ }
48
+
49
+ > .active > a,
50
+ > .active > span {
51
+ &,
52
+ &:hover,
53
+ &:focus {
54
+ z-index: 2;
55
+ color: $pagination-active-color;
56
+ background-color: $pagination-active-bg;
57
+ border-color: $pagination-active-border;
58
+ cursor: default;
59
+ }
60
+ }
61
+
62
+ > .disabled {
63
+ > span,
64
+ > span:hover,
65
+ > span:focus,
66
+ > a,
67
+ > a:hover,
68
+ > a:focus {
69
+ color: $pagination-disabled-color;
70
+ background-color: $pagination-disabled-bg;
71
+ border-color: $pagination-disabled-border;
72
+ cursor: $cursor-disabled;
73
+ }
74
+ }
75
+ }
76
+
77
+ // Sizing
78
+ // --------------------------------------------------
79
+
80
+ // Large
81
+ .pagination-lg {
82
+ @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large);
83
+ }
84
+
85
+ // Small
86
+ .pagination-sm {
87
+ @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small);
88
+ }
@@ -0,0 +1,265 @@
1
+ //
2
+ // Panels
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .panel {
8
+ margin-bottom: $line-height-computed;
9
+ background-color: $panel-bg;
10
+ border: 1px solid transparent;
11
+ border-radius: $panel-border-radius;
12
+ @include box-shadow(0 1px 1px rgba(0,0,0,.05));
13
+ }
14
+
15
+ // Panel contents
16
+ .panel-body {
17
+ padding: $panel-body-padding;
18
+ @include clearfix;
19
+ }
20
+
21
+ // Optional heading
22
+ .panel-heading {
23
+ padding: $panel-heading-padding;
24
+ border-bottom: 1px solid transparent;
25
+ @include border-top-radius(($panel-border-radius - 1));
26
+
27
+ > .dropdown .dropdown-toggle {
28
+ color: inherit;
29
+ }
30
+ }
31
+
32
+ // Within heading, strip any `h*` tag of its default margins for spacing.
33
+ .panel-title {
34
+ margin-top: 0;
35
+ margin-bottom: 0;
36
+ font-size: ceil(($font-size-base * 1.125));
37
+ color: inherit;
38
+
39
+ > a,
40
+ > small,
41
+ > .small,
42
+ > small > a,
43
+ > .small > a {
44
+ color: inherit;
45
+ }
46
+ }
47
+
48
+ // Optional footer (stays gray in every modifier class)
49
+ .panel-footer {
50
+ padding: $panel-footer-padding;
51
+ background-color: $panel-footer-bg;
52
+ border-top: 1px solid $panel-inner-border;
53
+ @include border-bottom-radius(($panel-border-radius - 1));
54
+ }
55
+
56
+
57
+ // List groups in panels
58
+ //
59
+ // By default, space out list group content from panel headings to account for
60
+ // any kind of custom content between the two.
61
+
62
+ .panel {
63
+ > .list-group,
64
+ > .panel-collapse > .list-group {
65
+ margin-bottom: 0;
66
+
67
+ .list-group-item {
68
+ border-width: 1px 0;
69
+ border-radius: 0;
70
+ }
71
+
72
+ // Add border top radius for first one
73
+ &:first-child {
74
+ .list-group-item:first-child {
75
+ border-top: 0;
76
+ @include border-top-radius(($panel-border-radius - 1));
77
+ }
78
+ }
79
+ // Add border bottom radius for last one
80
+ &:last-child {
81
+ .list-group-item:last-child {
82
+ border-bottom: 0;
83
+ @include border-bottom-radius(($panel-border-radius - 1));
84
+ }
85
+ }
86
+ }
87
+ }
88
+ // Collapse space between when there's no additional content.
89
+ .panel-heading + .list-group {
90
+ .list-group-item:first-child {
91
+ border-top-width: 0;
92
+ }
93
+ }
94
+ .list-group + .panel-footer {
95
+ border-top-width: 0;
96
+ }
97
+
98
+ // Tables in panels
99
+ //
100
+ // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
101
+ // watch it go full width.
102
+
103
+ .panel {
104
+ > .table,
105
+ > .table-responsive > .table,
106
+ > .panel-collapse > .table {
107
+ margin-bottom: 0;
108
+
109
+ caption {
110
+ padding-left: $panel-body-padding;
111
+ padding-right: $panel-body-padding;
112
+ }
113
+ }
114
+ // Add border top radius for first one
115
+ > .table:first-child,
116
+ > .table-responsive:first-child > .table:first-child {
117
+ @include border-top-radius(($panel-border-radius - 1));
118
+
119
+ > thead:first-child,
120
+ > tbody:first-child {
121
+ > tr:first-child {
122
+ border-top-left-radius: ($panel-border-radius - 1);
123
+ border-top-right-radius: ($panel-border-radius - 1);
124
+
125
+ td:first-child,
126
+ th:first-child {
127
+ border-top-left-radius: ($panel-border-radius - 1);
128
+ }
129
+ td:last-child,
130
+ th:last-child {
131
+ border-top-right-radius: ($panel-border-radius - 1);
132
+ }
133
+ }
134
+ }
135
+ }
136
+ // Add border bottom radius for last one
137
+ > .table:last-child,
138
+ > .table-responsive:last-child > .table:last-child {
139
+ @include border-bottom-radius(($panel-border-radius - 1));
140
+
141
+ > tbody:last-child,
142
+ > tfoot:last-child {
143
+ > tr:last-child {
144
+ border-bottom-left-radius: ($panel-border-radius - 1);
145
+ border-bottom-right-radius: ($panel-border-radius - 1);
146
+
147
+ td:first-child,
148
+ th:first-child {
149
+ border-bottom-left-radius: ($panel-border-radius - 1);
150
+ }
151
+ td:last-child,
152
+ th:last-child {
153
+ border-bottom-right-radius: ($panel-border-radius - 1);
154
+ }
155
+ }
156
+ }
157
+ }
158
+ > .panel-body + .table,
159
+ > .panel-body + .table-responsive,
160
+ > .table + .panel-body,
161
+ > .table-responsive + .panel-body {
162
+ border-top: 1px solid $table-border-color;
163
+ }
164
+ > .table > tbody:first-child > tr:first-child th,
165
+ > .table > tbody:first-child > tr:first-child td {
166
+ border-top: 0;
167
+ }
168
+ > .table-bordered,
169
+ > .table-responsive > .table-bordered {
170
+ border: 0;
171
+ > thead,
172
+ > tbody,
173
+ > tfoot {
174
+ > tr {
175
+ > th:first-child,
176
+ > td:first-child {
177
+ border-left: 0;
178
+ }
179
+ > th:last-child,
180
+ > td:last-child {
181
+ border-right: 0;
182
+ }
183
+ }
184
+ }
185
+ > thead,
186
+ > tbody {
187
+ > tr:first-child {
188
+ > td,
189
+ > th {
190
+ border-bottom: 0;
191
+ }
192
+ }
193
+ }
194
+ > tbody,
195
+ > tfoot {
196
+ > tr:last-child {
197
+ > td,
198
+ > th {
199
+ border-bottom: 0;
200
+ }
201
+ }
202
+ }
203
+ }
204
+ > .table-responsive {
205
+ border: 0;
206
+ margin-bottom: 0;
207
+ }
208
+ }
209
+
210
+
211
+ // Collapsable panels (aka, accordion)
212
+ //
213
+ // Wrap a series of panels in `.panel-group` to turn them into an accordion with
214
+ // the help of our collapse JavaScript plugin.
215
+
216
+ .panel-group {
217
+ margin-bottom: $line-height-computed;
218
+
219
+ // Tighten up margin so it's only between panels
220
+ .panel {
221
+ margin-bottom: 0;
222
+ border-radius: $panel-border-radius;
223
+
224
+ + .panel {
225
+ margin-top: 5px;
226
+ }
227
+ }
228
+
229
+ .panel-heading {
230
+ border-bottom: 0;
231
+
232
+ + .panel-collapse > .panel-body,
233
+ + .panel-collapse > .list-group {
234
+ border-top: 1px solid $panel-inner-border;
235
+ }
236
+ }
237
+
238
+ .panel-footer {
239
+ border-top: 0;
240
+ + .panel-collapse .panel-body {
241
+ border-bottom: 1px solid $panel-inner-border;
242
+ }
243
+ }
244
+ }
245
+
246
+
247
+ // Contextual variations
248
+ .panel-default {
249
+ @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border);
250
+ }
251
+ .panel-primary {
252
+ @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border);
253
+ }
254
+ .panel-success {
255
+ @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border);
256
+ }
257
+ .panel-info {
258
+ @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border);
259
+ }
260
+ .panel-warning {
261
+ @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border);
262
+ }
263
+ .panel-danger {
264
+ @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border);
265
+ }
@@ -0,0 +1,135 @@
1
+ //
2
+ // Popovers
3
+ // --------------------------------------------------
4
+
5
+
6
+ .popover {
7
+ position: absolute;
8
+ top: 0;
9
+ left: 0;
10
+ z-index: $zindex-popover;
11
+ display: none;
12
+ max-width: $popover-max-width;
13
+ padding: 1px;
14
+ // Reset font and text properties given new insertion method
15
+ font-family: $font-family-base;
16
+ font-size: $font-size-base;
17
+ font-weight: normal;
18
+ line-height: $line-height-base;
19
+ text-align: left;
20
+ background-color: $popover-bg;
21
+ background-clip: padding-box;
22
+ border: 1px solid $popover-fallback-border-color;
23
+ border: 1px solid $popover-border-color;
24
+ border-radius: $border-radius-large;
25
+ @include box-shadow(0 5px 10px rgba(0,0,0,.2));
26
+
27
+ // Overrides for proper insertion
28
+ white-space: normal;
29
+
30
+ // Offset the popover to account for the popover arrow
31
+ &.top { margin-top: -$popover-arrow-width; }
32
+ &.right { margin-left: $popover-arrow-width; }
33
+ &.bottom { margin-top: $popover-arrow-width; }
34
+ &.left { margin-left: -$popover-arrow-width; }
35
+ }
36
+
37
+ .popover-title {
38
+ margin: 0; // reset heading margin
39
+ padding: 8px 14px;
40
+ font-size: $font-size-base;
41
+ background-color: $popover-title-bg;
42
+ border-bottom: 1px solid darken($popover-title-bg, 5%);
43
+ border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
44
+ }
45
+
46
+ .popover-content {
47
+ padding: 9px 14px;
48
+ }
49
+
50
+ // Arrows
51
+ //
52
+ // .arrow is outer, .arrow:after is inner
53
+
54
+ .popover > .arrow {
55
+ &,
56
+ &:after {
57
+ position: absolute;
58
+ display: block;
59
+ width: 0;
60
+ height: 0;
61
+ border-color: transparent;
62
+ border-style: solid;
63
+ }
64
+ }
65
+ .popover > .arrow {
66
+ border-width: $popover-arrow-outer-width;
67
+ }
68
+ .popover > .arrow:after {
69
+ border-width: $popover-arrow-width;
70
+ content: "";
71
+ }
72
+
73
+ .popover {
74
+ &.top > .arrow {
75
+ left: 50%;
76
+ margin-left: -$popover-arrow-outer-width;
77
+ border-bottom-width: 0;
78
+ border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
79
+ border-top-color: $popover-arrow-outer-color;
80
+ bottom: -$popover-arrow-outer-width;
81
+ &:after {
82
+ content: " ";
83
+ bottom: 1px;
84
+ margin-left: -$popover-arrow-width;
85
+ border-bottom-width: 0;
86
+ border-top-color: $popover-arrow-color;
87
+ }
88
+ }
89
+ &.right > .arrow {
90
+ top: 50%;
91
+ left: -$popover-arrow-outer-width;
92
+ margin-top: -$popover-arrow-outer-width;
93
+ border-left-width: 0;
94
+ border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
95
+ border-right-color: $popover-arrow-outer-color;
96
+ &:after {
97
+ content: " ";
98
+ left: 1px;
99
+ bottom: -$popover-arrow-width;
100
+ border-left-width: 0;
101
+ border-right-color: $popover-arrow-color;
102
+ }
103
+ }
104
+ &.bottom > .arrow {
105
+ left: 50%;
106
+ margin-left: -$popover-arrow-outer-width;
107
+ border-top-width: 0;
108
+ border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
109
+ border-bottom-color: $popover-arrow-outer-color;
110
+ top: -$popover-arrow-outer-width;
111
+ &:after {
112
+ content: " ";
113
+ top: 1px;
114
+ margin-left: -$popover-arrow-width;
115
+ border-top-width: 0;
116
+ border-bottom-color: $popover-arrow-color;
117
+ }
118
+ }
119
+
120
+ &.left > .arrow {
121
+ top: 50%;
122
+ right: -$popover-arrow-outer-width;
123
+ margin-top: -$popover-arrow-outer-width;
124
+ border-right-width: 0;
125
+ border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
126
+ border-left-color: $popover-arrow-outer-color;
127
+ &:after {
128
+ content: " ";
129
+ right: 1px;
130
+ border-right-width: 0;
131
+ border-left-color: $popover-arrow-color;
132
+ bottom: -$popover-arrow-width;
133
+ }
134
+ }
135
+ }