bootstrap-generators 2.3.2 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (179) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +12 -2
  3. data/{LICENSE.txt → MIT-LICENSE} +1 -3
  4. data/README.md +19 -64
  5. data/Rakefile +24 -22
  6. data/bootstrap-generators.gemspec +3 -1
  7. data/lib/bootstrap-generators.rb +12 -1
  8. data/lib/bootstrap/generators/version.rb +1 -1
  9. data/lib/generators/bootstrap/install/install_generator.rb +9 -24
  10. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.less +498 -179
  11. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.scss +620 -0
  12. data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css → starter.css} +6 -6
  13. data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css.less → starter.less} +7 -7
  14. data/lib/generators/bootstrap/install/templates/assets/stylesheets/{fluid.css.scss → starter.scss} +7 -8
  15. data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.erb +11 -9
  16. data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.haml +9 -8
  17. data/lib/generators/bootstrap/install/templates/layouts/starter.html.erb +50 -0
  18. data/lib/generators/bootstrap/install/templates/layouts/{hero.html.haml → starter.html.haml} +0 -0
  19. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/edit.html.erb +3 -3
  20. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/index.html.erb +25 -25
  21. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/new.html.erb +2 -2
  22. data/lib/generators/bootstrap/install/templates/lib/templates/erb/scaffold/show.html.erb +5 -5
  23. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/edit.html.haml +3 -3
  24. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/index.html.haml +20 -19
  25. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/new.html.haml +2 -2
  26. data/lib/generators/bootstrap/install/templates/lib/templates/haml/scaffold/show.html.haml +5 -5
  27. data/readme-template.md.erb +5 -48
  28. data/test/lib/generators/bootstrap/install_generator_test.rb +3 -33
  29. data/vendor/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  30. data/vendor/assets/fonts/glyphicons-halflings-regular.svg +228 -0
  31. data/vendor/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  32. data/vendor/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  33. data/vendor/assets/javascripts/bootstrap-ie.js +2 -0
  34. data/vendor/assets/javascripts/bootstrap-ie/html5shiv.js +8 -0
  35. data/vendor/assets/javascripts/bootstrap-ie/respond.min.js +6 -0
  36. data/vendor/assets/javascripts/bootstrap.js +12 -13
  37. data/vendor/assets/javascripts/bootstrap/affix.js +126 -0
  38. data/vendor/assets/javascripts/{bootstrap-alert.js → bootstrap/alert.js} +35 -36
  39. data/vendor/assets/javascripts/bootstrap/button.js +109 -0
  40. data/vendor/assets/javascripts/bootstrap/carousel.js +217 -0
  41. data/vendor/assets/javascripts/bootstrap/collapse.js +179 -0
  42. data/vendor/assets/javascripts/bootstrap/dropdown.js +154 -0
  43. data/vendor/assets/javascripts/bootstrap/modal.js +246 -0
  44. data/vendor/assets/javascripts/bootstrap/popover.js +117 -0
  45. data/vendor/assets/javascripts/bootstrap/scrollspy.js +158 -0
  46. data/vendor/assets/javascripts/bootstrap/tab.js +135 -0
  47. data/vendor/assets/javascripts/bootstrap/tooltip.js +386 -0
  48. data/vendor/assets/javascripts/bootstrap/transition.js +56 -0
  49. data/vendor/assets/stylesheets/bootstrap.css +4638 -4000
  50. data/vendor/twitter/bootstrap/less/alerts.less +46 -58
  51. data/vendor/twitter/bootstrap/less/badges.less +51 -0
  52. data/vendor/twitter/bootstrap/less/bootstrap.less +27 -31
  53. data/vendor/twitter/bootstrap/less/breadcrumbs.less +7 -8
  54. data/vendor/twitter/bootstrap/less/button-groups.less +173 -154
  55. data/vendor/twitter/bootstrap/less/buttons.less +97 -165
  56. data/vendor/twitter/bootstrap/less/carousel.less +115 -64
  57. data/vendor/twitter/bootstrap/less/close.less +20 -19
  58. data/vendor/twitter/bootstrap/less/code.less +17 -22
  59. data/vendor/twitter/bootstrap/less/component-animations.less +10 -3
  60. data/vendor/twitter/bootstrap/less/dropdowns.less +92 -147
  61. data/vendor/twitter/bootstrap/less/forms.less +224 -561
  62. data/vendor/twitter/bootstrap/less/glyphicons.less +232 -0
  63. data/vendor/twitter/bootstrap/less/grid.less +336 -11
  64. data/vendor/twitter/bootstrap/less/input-groups.less +127 -0
  65. data/vendor/twitter/bootstrap/less/jumbotron.less +40 -0
  66. data/vendor/twitter/bootstrap/less/labels.less +58 -0
  67. data/vendor/twitter/bootstrap/less/list-group.less +88 -0
  68. data/vendor/twitter/bootstrap/less/media.less +8 -7
  69. data/vendor/twitter/bootstrap/less/mixins.less +487 -466
  70. data/vendor/twitter/bootstrap/less/modals.less +98 -52
  71. data/vendor/twitter/bootstrap/less/navbar.less +507 -383
  72. data/vendor/twitter/bootstrap/less/navs.less +169 -349
  73. data/vendor/twitter/bootstrap/less/normalize.less +396 -0
  74. data/vendor/twitter/bootstrap/less/pager.less +45 -33
  75. data/vendor/twitter/bootstrap/less/pagination.less +65 -105
  76. data/vendor/twitter/bootstrap/less/panels.less +148 -0
  77. data/vendor/twitter/bootstrap/less/popovers.less +51 -51
  78. data/vendor/twitter/bootstrap/less/print.less +100 -0
  79. data/vendor/twitter/bootstrap/less/progress-bars.less +28 -55
  80. data/vendor/twitter/bootstrap/less/responsive-utilities.less +195 -34
  81. data/vendor/twitter/bootstrap/less/scaffolding.less +101 -24
  82. data/vendor/twitter/bootstrap/less/tables.less +170 -178
  83. data/vendor/twitter/bootstrap/less/theme.less +232 -0
  84. data/vendor/twitter/bootstrap/less/thumbnails.less +11 -33
  85. data/vendor/twitter/bootstrap/less/tooltip.less +45 -20
  86. data/vendor/twitter/bootstrap/less/type.less +100 -109
  87. data/vendor/twitter/bootstrap/less/utilities.less +19 -7
  88. data/vendor/twitter/bootstrap/less/variables.less +498 -179
  89. data/vendor/twitter/bootstrap/less/wells.less +7 -7
  90. data/vendor/twitter/bootstrap/sass/_alerts.scss +46 -58
  91. data/vendor/twitter/bootstrap/sass/_badges.scss +51 -0
  92. data/vendor/twitter/bootstrap/sass/_breadcrumbs.scss +8 -9
  93. data/vendor/twitter/bootstrap/sass/_button-groups.scss +173 -154
  94. data/vendor/twitter/bootstrap/sass/_buttons.scss +97 -165
  95. data/vendor/twitter/bootstrap/sass/_carousel.scss +116 -65
  96. data/vendor/twitter/bootstrap/sass/_close.scss +9 -8
  97. data/vendor/twitter/bootstrap/sass/_code.scss +16 -21
  98. data/vendor/twitter/bootstrap/sass/_component-animations.scss +10 -3
  99. data/vendor/twitter/bootstrap/sass/_dropdowns.scss +94 -148
  100. data/vendor/twitter/bootstrap/sass/_forms.scss +220 -559
  101. data/vendor/twitter/bootstrap/sass/_glyphicons.scss +232 -0
  102. data/vendor/twitter/bootstrap/sass/_grid.scss +336 -11
  103. data/vendor/twitter/bootstrap/sass/_input-groups.scss +127 -0
  104. data/vendor/twitter/bootstrap/sass/_jumbotron.scss +40 -0
  105. data/vendor/twitter/bootstrap/sass/_labels.scss +58 -0
  106. data/vendor/twitter/bootstrap/sass/_list-group.scss +88 -0
  107. data/vendor/twitter/bootstrap/sass/_media.scss +8 -7
  108. data/vendor/twitter/bootstrap/sass/_mixins.scss +465 -433
  109. data/vendor/twitter/bootstrap/sass/_modals.scss +102 -52
  110. data/vendor/twitter/bootstrap/sass/_navbar.scss +511 -383
  111. data/vendor/twitter/bootstrap/sass/_navs.scss +169 -349
  112. data/vendor/twitter/bootstrap/sass/_normalize.scss +396 -0
  113. data/vendor/twitter/bootstrap/sass/_pager.scss +45 -33
  114. data/vendor/twitter/bootstrap/sass/_pagination.scss +65 -105
  115. data/vendor/twitter/bootstrap/sass/_panels.scss +148 -0
  116. data/vendor/twitter/bootstrap/sass/_popovers.scss +51 -51
  117. data/vendor/twitter/bootstrap/sass/_print.scss +100 -0
  118. data/vendor/twitter/bootstrap/sass/_progress-bars.scss +28 -55
  119. data/vendor/twitter/bootstrap/sass/_responsive-utilities.scss +180 -45
  120. data/vendor/twitter/bootstrap/sass/_scaffolding.scss +101 -24
  121. data/vendor/twitter/bootstrap/sass/_tables.scss +169 -168
  122. data/vendor/twitter/bootstrap/sass/_theme.scss +232 -0
  123. data/vendor/twitter/bootstrap/sass/_thumbnails.scss +11 -33
  124. data/vendor/twitter/bootstrap/sass/_tooltip.scss +45 -20
  125. data/vendor/twitter/bootstrap/sass/_type.scss +101 -110
  126. data/vendor/twitter/bootstrap/sass/_utilities.scss +19 -22
  127. data/vendor/twitter/bootstrap/sass/_variables.scss +498 -179
  128. data/vendor/twitter/bootstrap/sass/_wells.scss +7 -7
  129. data/vendor/twitter/bootstrap/sass/bootstrap.scss +29 -33
  130. metadata +47 -56
  131. data/lib/bootstrap/generators/engine.rb +0 -14
  132. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.scss +0 -301
  133. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css +0 -18
  134. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.less +0 -19
  135. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.scss +0 -19
  136. data/lib/generators/bootstrap/install/templates/config/initializers/simple_form.rb +0 -176
  137. data/lib/generators/bootstrap/install/templates/config/locales/simple_form.en.yml +0 -24
  138. data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.erb +0 -13
  139. data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.haml +0 -10
  140. data/lib/generators/bootstrap/install/templates/layouts/fluid.html.erb +0 -80
  141. data/lib/generators/bootstrap/install/templates/layouts/fluid.html.haml +0 -94
  142. data/lib/generators/bootstrap/install/templates/layouts/hero.html.erb +0 -53
  143. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  144. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  145. data/vendor/assets/javascripts/bootstrap-affix.js +0 -117
  146. data/vendor/assets/javascripts/bootstrap-button.js +0 -105
  147. data/vendor/assets/javascripts/bootstrap-carousel.js +0 -207
  148. data/vendor/assets/javascripts/bootstrap-collapse.js +0 -167
  149. data/vendor/assets/javascripts/bootstrap-dropdown.js +0 -169
  150. data/vendor/assets/javascripts/bootstrap-modal.js +0 -247
  151. data/vendor/assets/javascripts/bootstrap-popover.js +0 -114
  152. data/vendor/assets/javascripts/bootstrap-scrollspy.js +0 -162
  153. data/vendor/assets/javascripts/bootstrap-tab.js +0 -144
  154. data/vendor/assets/javascripts/bootstrap-tooltip.js +0 -361
  155. data/vendor/assets/javascripts/bootstrap-transition.js +0 -60
  156. data/vendor/assets/javascripts/bootstrap-typeahead.js +0 -335
  157. data/vendor/assets/stylesheets/bootstrap-responsive.css +0 -1109
  158. data/vendor/twitter/bootstrap/less/accordion.less +0 -34
  159. data/vendor/twitter/bootstrap/less/hero-unit.less +0 -25
  160. data/vendor/twitter/bootstrap/less/labels-badges.less +0 -84
  161. data/vendor/twitter/bootstrap/less/layouts.less +0 -16
  162. data/vendor/twitter/bootstrap/less/reset.less +0 -216
  163. data/vendor/twitter/bootstrap/less/responsive-1200px-min.less +0 -28
  164. data/vendor/twitter/bootstrap/less/responsive-767px-max.less +0 -193
  165. data/vendor/twitter/bootstrap/less/responsive-768px-979px.less +0 -19
  166. data/vendor/twitter/bootstrap/less/responsive-navbar.less +0 -189
  167. data/vendor/twitter/bootstrap/less/responsive.less +0 -48
  168. data/vendor/twitter/bootstrap/less/sprites.less +0 -197
  169. data/vendor/twitter/bootstrap/sass/_accordion.scss +0 -34
  170. data/vendor/twitter/bootstrap/sass/_hero-unit.scss +0 -25
  171. data/vendor/twitter/bootstrap/sass/_labels-badges.scss +0 -83
  172. data/vendor/twitter/bootstrap/sass/_layouts.scss +0 -16
  173. data/vendor/twitter/bootstrap/sass/_reset.scss +0 -216
  174. data/vendor/twitter/bootstrap/sass/_responsive-1200px-min.scss +0 -28
  175. data/vendor/twitter/bootstrap/sass/_responsive-767px-max.scss +0 -193
  176. data/vendor/twitter/bootstrap/sass/_responsive-768px-979px.scss +0 -19
  177. data/vendor/twitter/bootstrap/sass/_responsive-navbar.scss +0 -189
  178. data/vendor/twitter/bootstrap/sass/_sprites.scss +0 -197
  179. data/vendor/twitter/bootstrap/sass/responsive.scss +0 -48
@@ -1,123 +1,83 @@
1
1
  //
2
2
  // Pagination (multiple pages)
3
3
  // --------------------------------------------------
4
-
5
- // Space out pagination from surrounding content
6
4
  .pagination {
7
- margin: @baseLineHeight 0;
8
- }
9
-
10
- .pagination ul {
11
- // Allow for text-based alignment
12
5
  display: inline-block;
13
- .ie7-inline-block();
14
- // Reset default ul styles
15
- margin-left: 0;
16
- margin-bottom: 0;
17
- // Visuals
18
- .border-radius(@baseBorderRadius);
19
- .box-shadow(0 1px 2px rgba(0,0,0,.05));
20
- }
21
- .pagination ul > li {
22
- display: inline; // Remove list-style and block-level defaults
23
- }
24
- .pagination ul > li > a,
25
- .pagination ul > li > span {
26
- float: left; // Collapse white-space
27
- padding: 4px 12px;
28
- line-height: @baseLineHeight;
29
- text-decoration: none;
30
- background-color: @paginationBackground;
31
- border: 1px solid @paginationBorder;
32
- border-left-width: 0;
33
- }
34
- .pagination ul > li > a:hover,
35
- .pagination ul > li > a:focus,
36
- .pagination ul > .active > a,
37
- .pagination ul > .active > span {
38
- background-color: @paginationActiveBackground;
39
- }
40
- .pagination ul > .active > a,
41
- .pagination ul > .active > span {
42
- color: @grayLight;
43
- cursor: default;
44
- }
45
- .pagination ul > .disabled > span,
46
- .pagination ul > .disabled > a,
47
- .pagination ul > .disabled > a:hover,
48
- .pagination ul > .disabled > a:focus {
49
- color: @grayLight;
50
- background-color: transparent;
51
- cursor: default;
52
- }
53
- .pagination ul > li:first-child > a,
54
- .pagination ul > li:first-child > span {
55
- border-left-width: 1px;
56
- .border-left-radius(@baseBorderRadius);
57
- }
58
- .pagination ul > li:last-child > a,
59
- .pagination ul > li:last-child > span {
60
- .border-right-radius(@baseBorderRadius);
61
- }
6
+ padding-left: 0;
7
+ margin: @line-height-computed 0;
8
+ border-radius: @border-radius-base;
62
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
+ background-color: @pagination-bg;
20
+ border: 1px solid @pagination-border;
21
+ margin-left: -1px;
22
+ }
23
+ &:first-child {
24
+ > a,
25
+ > span {
26
+ margin-left: 0;
27
+ .border-left-radius(@border-radius-base);
28
+ }
29
+ }
30
+ &:last-child {
31
+ > a,
32
+ > span {
33
+ .border-right-radius(@border-radius-base);
34
+ }
35
+ }
36
+ }
63
37
 
64
- // Alignment
65
- // --------------------------------------------------
38
+ > li > a,
39
+ > li > span {
40
+ &:hover,
41
+ &:focus {
42
+ background-color: @pagination-hover-bg;
43
+ }
44
+ }
66
45
 
67
- .pagination-centered {
68
- text-align: center;
69
- }
70
- .pagination-right {
71
- text-align: right;
72
- }
46
+ > .active > a,
47
+ > .active > span {
48
+ &,
49
+ &:hover,
50
+ &:focus {
51
+ z-index: 2;
52
+ color: @pagination-active-color;
53
+ background-color: @pagination-active-bg;
54
+ border-color: @pagination-active-bg;
55
+ cursor: default;
56
+ }
57
+ }
73
58
 
59
+ > .disabled {
60
+ > span,
61
+ > a,
62
+ > a:hover,
63
+ > a:focus {
64
+ color: @pagination-disabled-color;
65
+ background-color: @pagination-bg;
66
+ border-color: @pagination-border;
67
+ cursor: not-allowed;
68
+ }
69
+ }
70
+ }
74
71
 
75
72
  // Sizing
76
73
  // --------------------------------------------------
77
74
 
78
75
  // Large
79
- .pagination-large {
80
- ul > li > a,
81
- ul > li > span {
82
- padding: @paddingLarge;
83
- font-size: @fontSizeLarge;
84
- }
85
- ul > li:first-child > a,
86
- ul > li:first-child > span {
87
- .border-left-radius(@borderRadiusLarge);
88
- }
89
- ul > li:last-child > a,
90
- ul > li:last-child > span {
91
- .border-right-radius(@borderRadiusLarge);
92
- }
93
- }
94
-
95
- // Small and mini
96
- .pagination-mini,
97
- .pagination-small {
98
- ul > li:first-child > a,
99
- ul > li:first-child > span {
100
- .border-left-radius(@borderRadiusSmall);
101
- }
102
- ul > li:last-child > a,
103
- ul > li:last-child > span {
104
- .border-right-radius(@borderRadiusSmall);
105
- }
76
+ .pagination-lg {
77
+ .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
106
78
  }
107
79
 
108
80
  // Small
109
- .pagination-small {
110
- ul > li > a,
111
- ul > li > span {
112
- padding: @paddingSmall;
113
- font-size: @fontSizeSmall;
114
- }
115
- }
116
- // Mini
117
- .pagination-mini {
118
- ul > li > a,
119
- ul > li > span {
120
- padding: @paddingMini;
121
- font-size: @fontSizeMini;
122
- }
81
+ .pagination-sm {
82
+ .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
123
83
  }
@@ -0,0 +1,148 @@
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
+ .box-shadow(0 1px 1px rgba(0,0,0,.05));
13
+ }
14
+
15
+ // Panel contents
16
+ .panel-body {
17
+ padding: 15px;
18
+ .clearfix();
19
+ }
20
+
21
+
22
+ // List groups in panels
23
+ //
24
+ // By default, space out list group content from panel headings to account for
25
+ // any kind of custom content between the two.
26
+
27
+ .panel {
28
+ > .list-group {
29
+ margin-bottom: 0;
30
+
31
+ .list-group-item {
32
+ border-width: 1px 0;
33
+
34
+ // Remove border radius for top one
35
+ &:first-child {
36
+ .border-top-radius(0);
37
+ }
38
+ // But keep it for the last one
39
+ &:last-child {
40
+ border-bottom: 0;
41
+ }
42
+ }
43
+ }
44
+ }
45
+ // Collapse space between when there's no additional content.
46
+ .panel-heading + .list-group {
47
+ .list-group-item:first-child {
48
+ border-top-width: 0;
49
+ }
50
+ }
51
+
52
+
53
+ // Tables in panels
54
+ //
55
+ // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
56
+ // watch it go full width.
57
+
58
+ .panel {
59
+ > .table {
60
+ margin-bottom: 0;
61
+ }
62
+ > .panel-body + .table {
63
+ border-top: 1px solid @table-border-color;
64
+ }
65
+ }
66
+
67
+
68
+ // Optional heading
69
+ .panel-heading {
70
+ padding: 10px 15px;
71
+ border-bottom: 1px solid transparent;
72
+ .border-top-radius(@panel-border-radius - 1);
73
+ }
74
+
75
+ // Within heading, strip any `h*` tag of it's default margins for spacing.
76
+ .panel-title {
77
+ margin-top: 0;
78
+ margin-bottom: 0;
79
+ font-size: ceil((@font-size-base * 1.125));
80
+ > a {
81
+ color: inherit;
82
+ }
83
+ }
84
+
85
+ // Optional footer (stays gray in every modifier class)
86
+ .panel-footer {
87
+ padding: 10px 15px;
88
+ background-color: @panel-footer-bg;
89
+ border-top: 1px solid @panel-inner-border;
90
+ .border-bottom-radius(@panel-border-radius - 1);
91
+ }
92
+
93
+
94
+ // Collapsable panels (aka, accordion)
95
+ //
96
+ // Wrap a series of panels in `.panel-group` to turn them into an accordion with
97
+ // the help of our collapse JavaScript plugin.
98
+
99
+ .panel-group {
100
+ // Tighten up margin so it's only between panels
101
+ .panel {
102
+ margin-bottom: 0;
103
+ border-radius: @panel-border-radius;
104
+ overflow: hidden; // crop contents when collapsed
105
+ + .panel {
106
+ margin-top: 5px;
107
+ }
108
+ }
109
+
110
+ .panel-heading {
111
+ border-bottom: 0;
112
+ + .panel-collapse .panel-body {
113
+ border-top: 1px solid @panel-inner-border;
114
+ }
115
+ }
116
+ .panel-footer {
117
+ border-top: 0;
118
+ + .panel-collapse .panel-body {
119
+ border-bottom: 1px solid @panel-inner-border;
120
+ }
121
+ }
122
+
123
+ // New subcomponent for wrapping collapsable content for proper animations
124
+ .panel-collapse {
125
+
126
+ }
127
+ }
128
+
129
+
130
+ // Contextual variations
131
+ .panel-default {
132
+ .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
133
+ }
134
+ .panel-primary {
135
+ .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
136
+ }
137
+ .panel-success {
138
+ .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
139
+ }
140
+ .panel-warning {
141
+ .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
142
+ }
143
+ .panel-danger {
144
+ .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
145
+ }
146
+ .panel-info {
147
+ .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
148
+ }
@@ -7,18 +7,16 @@
7
7
  position: absolute;
8
8
  top: 0;
9
9
  left: 0;
10
- z-index: @zindexPopover;
10
+ z-index: @zindex-popover;
11
11
  display: none;
12
- max-width: 276px;
12
+ max-width: @popover-max-width;
13
13
  padding: 1px;
14
14
  text-align: left; // Reset given new insertion method
15
- background-color: @popoverBackground;
16
- -webkit-background-clip: padding-box;
17
- -moz-background-clip: padding;
18
- background-clip: padding-box;
19
- border: 1px solid #ccc;
20
- border: 1px solid rgba(0,0,0,.2);
21
- .border-radius(6px);
15
+ background-color: @popover-bg;
16
+ background-clip: padding-box;
17
+ border: 1px solid @popover-fallback-border-color;
18
+ border: 1px solid @popover-border-color;
19
+ border-radius: @border-radius-large;
22
20
  .box-shadow(0 5px 10px rgba(0,0,0,.2));
23
21
 
24
22
  // Overrides for proper insertion
@@ -34,16 +32,12 @@
34
32
  .popover-title {
35
33
  margin: 0; // reset heading margin
36
34
  padding: 8px 14px;
37
- font-size: 14px;
35
+ font-size: @font-size-base;
38
36
  font-weight: normal;
39
37
  line-height: 18px;
40
- background-color: @popoverTitleBackground;
41
- border-bottom: 1px solid darken(@popoverTitleBackground, 5%);
42
- .border-radius(5px 5px 0 0);
43
-
44
- &:empty {
45
- display: none;
46
- }
38
+ background-color: @popover-title-bg;
39
+ border-bottom: 1px solid darken(@popover-title-bg, 5%);
40
+ border-radius: 5px 5px 0 0;
47
41
  }
48
42
 
49
43
  .popover-content {
@@ -54,79 +48,85 @@
54
48
  //
55
49
  // .arrow is outer, .arrow:after is inner
56
50
 
57
- .popover .arrow,
58
- .popover .arrow:after {
59
- position: absolute;
60
- display: block;
61
- width: 0;
62
- height: 0;
63
- border-color: transparent;
64
- border-style: solid;
51
+ .popover .arrow {
52
+ &,
53
+ &:after {
54
+ position: absolute;
55
+ display: block;
56
+ width: 0;
57
+ height: 0;
58
+ border-color: transparent;
59
+ border-style: solid;
60
+ }
65
61
  }
66
62
  .popover .arrow {
67
- border-width: @popoverArrowOuterWidth;
63
+ border-width: @popover-arrow-outer-width;
68
64
  }
69
65
  .popover .arrow:after {
70
- border-width: @popoverArrowWidth;
66
+ border-width: @popover-arrow-width;
71
67
  content: "";
72
68
  }
73
69
 
74
70
  .popover {
75
71
  &.top .arrow {
76
72
  left: 50%;
77
- margin-left: -@popoverArrowOuterWidth;
73
+ margin-left: -@popover-arrow-outer-width;
78
74
  border-bottom-width: 0;
79
- border-top-color: #999; // IE8 fallback
80
- border-top-color: @popoverArrowOuterColor;
81
- bottom: -@popoverArrowOuterWidth;
75
+ border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
76
+ border-top-color: @popover-arrow-outer-color;
77
+ bottom: -@popover-arrow-outer-width;
82
78
  &:after {
79
+ content: " ";
83
80
  bottom: 1px;
84
- margin-left: -@popoverArrowWidth;
81
+ margin-left: -@popover-arrow-width;
85
82
  border-bottom-width: 0;
86
- border-top-color: @popoverArrowColor;
83
+ border-top-color: @popover-arrow-color;
87
84
  }
88
85
  }
89
86
  &.right .arrow {
90
87
  top: 50%;
91
- left: -@popoverArrowOuterWidth;
92
- margin-top: -@popoverArrowOuterWidth;
88
+ left: -@popover-arrow-outer-width;
89
+ margin-top: -@popover-arrow-outer-width;
93
90
  border-left-width: 0;
94
- border-right-color: #999; // IE8 fallback
95
- border-right-color: @popoverArrowOuterColor;
91
+ border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
92
+ border-right-color: @popover-arrow-outer-color;
96
93
  &:after {
94
+ content: " ";
97
95
  left: 1px;
98
- bottom: -@popoverArrowWidth;
96
+ bottom: -@popover-arrow-width;
99
97
  border-left-width: 0;
100
- border-right-color: @popoverArrowColor;
98
+ border-right-color: @popover-arrow-color;
101
99
  }
102
100
  }
103
101
  &.bottom .arrow {
104
102
  left: 50%;
105
- margin-left: -@popoverArrowOuterWidth;
103
+ margin-left: -@popover-arrow-outer-width;
106
104
  border-top-width: 0;
107
- border-bottom-color: #999; // IE8 fallback
108
- border-bottom-color: @popoverArrowOuterColor;
109
- top: -@popoverArrowOuterWidth;
105
+ border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
106
+ border-bottom-color: @popover-arrow-outer-color;
107
+ top: -@popover-arrow-outer-width;
110
108
  &:after {
109
+ content: " ";
111
110
  top: 1px;
112
- margin-left: -@popoverArrowWidth;
111
+ margin-left: -@popover-arrow-width;
113
112
  border-top-width: 0;
114
- border-bottom-color: @popoverArrowColor;
113
+ border-bottom-color: @popover-arrow-color;
115
114
  }
116
115
  }
117
116
 
118
117
  &.left .arrow {
119
118
  top: 50%;
120
- right: -@popoverArrowOuterWidth;
121
- margin-top: -@popoverArrowOuterWidth;
119
+ right: -@popover-arrow-outer-width;
120
+ margin-top: -@popover-arrow-outer-width;
122
121
  border-right-width: 0;
123
- border-left-color: #999; // IE8 fallback
124
- border-left-color: @popoverArrowOuterColor;
122
+ border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
123
+ border-left-color: @popover-arrow-outer-color;
125
124
  &:after {
125
+ content: " ";
126
126
  right: 1px;
127
127
  border-right-width: 0;
128
- border-left-color: @popoverArrowColor;
129
- bottom: -@popoverArrowWidth;
128
+ border-left-color: @popover-arrow-color;
129
+ bottom: -@popover-arrow-width;
130
130
  }
131
131
  }
132
132