jabysoft-bootstrap_generators 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (146) hide show
  1. checksums.yaml +7 -0
  2. data/.DS_Store +0 -0
  3. data/.gitignore +9 -0
  4. data/.rspec +2 -0
  5. data/CODE_OF_CONDUCT.md +74 -0
  6. data/Gemfile +4 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +41 -0
  9. data/Rakefile +6 -0
  10. data/app/assets/javascripts/jabysoft.js +1 -0
  11. data/app/assets/stylesheets/jabysoft.sass +38 -0
  12. data/app/assets/stylesheets/mixins.scss +68 -0
  13. data/app/views/layouts/admin.html.haml +46 -0
  14. data/app/views/layouts/application.html.haml +31 -0
  15. data/app/views/shared/_datepicker_field.html.haml +9 -0
  16. data/app/views/shared/_layout.html.haml +7 -0
  17. data/app/views/shared/_messages.html.haml +7 -0
  18. data/app/views/shared/_panel.html.haml +5 -0
  19. data/app/views/shared/_search_form.html.haml +6 -0
  20. data/app/views/shared/form/_error_messages.html.haml +6 -0
  21. data/app/views/shared/modals/_delete_confirmation.html.haml +17 -0
  22. data/bin/console +14 -0
  23. data/bin/setup +8 -0
  24. data/config/locales/en.yml +35 -0
  25. data/config/locales/pt-BR.yml +35 -0
  26. data/jabysoft-bootstrap_generators.gemspec +40 -0
  27. data/lib/generators/haml/scaffold/scaffold_generator.rb +35 -0
  28. data/lib/generators/jabysoft/setup/USAGE +19 -0
  29. data/lib/generators/jabysoft/setup/setup_generator.rb +57 -0
  30. data/lib/generators/jabysoft/setup/templates/.rspec +3 -0
  31. data/lib/generators/jabysoft/setup/templates/Gemfile +52 -0
  32. data/lib/generators/jabysoft/setup/templates/assets/stylesheets/bootstrap-variables.scss +876 -0
  33. data/lib/generators/jabysoft/setup/templates/layouts/admin.html.haml +46 -0
  34. data/lib/generators/jabysoft/setup/templates/layouts/application.html.haml +32 -0
  35. data/lib/generators/jabysoft/setup/templates/spec/rails_helper.rb +95 -0
  36. data/lib/generators/jabysoft/setup/templates/spec/spec_helper.rb +97 -0
  37. data/lib/generators/rspec/scaffold/scaffold_generator.rb +157 -0
  38. data/lib/jabysoft/bootstrap_generators.rb +15 -0
  39. data/lib/jabysoft/bootstrap_generators/version.rb +5 -0
  40. data/lib/templates/haml/scaffold/_form.html.haml +14 -0
  41. data/lib/templates/haml/scaffold/_index.html.haml +25 -0
  42. data/lib/templates/haml/scaffold/edit.html.haml +1 -0
  43. data/lib/templates/haml/scaffold/index.html.haml +1 -0
  44. data/lib/templates/haml/scaffold/new.html.haml +1 -0
  45. data/lib/templates/haml/scaffold/show.html.haml +1 -0
  46. data/lib/templates/rails/scaffold_controller/controller.rb +28 -0
  47. data/lib/templates/rspec/scaffold/controller_spec.rb +148 -0
  48. data/lib/templates/rspec/scaffold/model_spec.rb +14 -0
  49. data/lib/templates/rspec/scaffold/request_spec.rb +10 -0
  50. data/lib/templates/rspec/scaffold/routing_spec.rb +44 -0
  51. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  52. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  53. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  54. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  55. data/vendor/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  56. data/vendor/assets/images/.keep +0 -0
  57. data/vendor/assets/javascripts/bootstrap-sprockets.js +12 -0
  58. data/vendor/assets/javascripts/bootstrap.js +2377 -0
  59. data/vendor/assets/javascripts/bootstrap.min.js +7 -0
  60. data/vendor/assets/javascripts/bootstrap/affix.js +162 -0
  61. data/vendor/assets/javascripts/bootstrap/alert.js +94 -0
  62. data/vendor/assets/javascripts/bootstrap/button.js +125 -0
  63. data/vendor/assets/javascripts/bootstrap/carousel.js +237 -0
  64. data/vendor/assets/javascripts/bootstrap/collapse.js +212 -0
  65. data/vendor/assets/javascripts/bootstrap/dropdown.js +165 -0
  66. data/vendor/assets/javascripts/bootstrap/modal.js +339 -0
  67. data/vendor/assets/javascripts/bootstrap/popover.js +108 -0
  68. data/vendor/assets/javascripts/bootstrap/scrollspy.js +172 -0
  69. data/vendor/assets/javascripts/bootstrap/tab.js +155 -0
  70. data/vendor/assets/javascripts/bootstrap/tooltip.js +520 -0
  71. data/vendor/assets/javascripts/bootstrap/transition.js +59 -0
  72. data/vendor/assets/stylesheets/_bootstrap-compass.scss +9 -0
  73. data/vendor/assets/stylesheets/_bootstrap-mincer.scss +19 -0
  74. data/vendor/assets/stylesheets/_bootstrap-sprockets.scss +9 -0
  75. data/vendor/assets/stylesheets/_bootstrap.scss +56 -0
  76. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +73 -0
  77. data/vendor/assets/stylesheets/bootstrap/_badges.scss +68 -0
  78. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +28 -0
  79. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +244 -0
  80. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +168 -0
  81. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +270 -0
  82. data/vendor/assets/stylesheets/bootstrap/_close.scss +36 -0
  83. data/vendor/assets/stylesheets/bootstrap/_code.scss +69 -0
  84. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +37 -0
  85. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +216 -0
  86. data/vendor/assets/stylesheets/bootstrap/_forms.scss +617 -0
  87. data/vendor/assets/stylesheets/bootstrap/_glyphicons.scss +307 -0
  88. data/vendor/assets/stylesheets/bootstrap/_grid.scss +84 -0
  89. data/vendor/assets/stylesheets/bootstrap/_input-groups.scss +171 -0
  90. data/vendor/assets/stylesheets/bootstrap/_jumbotron.scss +54 -0
  91. data/vendor/assets/stylesheets/bootstrap/_labels.scss +66 -0
  92. data/vendor/assets/stylesheets/bootstrap/_list-group.scss +130 -0
  93. data/vendor/assets/stylesheets/bootstrap/_media.scss +66 -0
  94. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +40 -0
  95. data/vendor/assets/stylesheets/bootstrap/_modals.scss +150 -0
  96. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +662 -0
  97. data/vendor/assets/stylesheets/bootstrap/_navs.scss +242 -0
  98. data/vendor/assets/stylesheets/bootstrap/_normalize.scss +424 -0
  99. data/vendor/assets/stylesheets/bootstrap/_pager.scss +54 -0
  100. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +89 -0
  101. data/vendor/assets/stylesheets/bootstrap/_panels.scss +271 -0
  102. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +131 -0
  103. data/vendor/assets/stylesheets/bootstrap/_print.scss +101 -0
  104. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +87 -0
  105. data/vendor/assets/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  106. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +179 -0
  107. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +161 -0
  108. data/vendor/assets/stylesheets/bootstrap/_tables.scss +234 -0
  109. data/vendor/assets/stylesheets/bootstrap/_theme.scss +291 -0
  110. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
  111. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +101 -0
  112. data/vendor/assets/stylesheets/bootstrap/_type.scss +298 -0
  113. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +55 -0
  114. data/vendor/assets/stylesheets/bootstrap/_variables.scss +874 -0
  115. data/vendor/assets/stylesheets/bootstrap/_wells.scss +29 -0
  116. data/vendor/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  117. data/vendor/assets/stylesheets/bootstrap/mixins/_background-variant.scss +12 -0
  118. data/vendor/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  119. data/vendor/assets/stylesheets/bootstrap/mixins/_buttons.scss +65 -0
  120. data/vendor/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  121. data/vendor/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  122. data/vendor/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  123. data/vendor/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  124. data/vendor/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  125. data/vendor/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  126. data/vendor/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  127. data/vendor/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  128. data/vendor/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  129. data/vendor/assets/stylesheets/bootstrap/mixins/_list-group.scss +32 -0
  130. data/vendor/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  131. data/vendor/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  132. data/vendor/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  133. data/vendor/assets/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
  134. data/vendor/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  135. data/vendor/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  136. data/vendor/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  137. data/vendor/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  138. data/vendor/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  139. data/vendor/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  140. data/vendor/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  141. data/vendor/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  142. data/vendor/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  143. data/vendor/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
  144. data/vendor/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  145. data/vendor/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  146. metadata +316 -0
@@ -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,89 @@
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
+ z-index: 2;
44
+ color: $pagination-hover-color;
45
+ background-color: $pagination-hover-bg;
46
+ border-color: $pagination-hover-border;
47
+ }
48
+ }
49
+
50
+ > .active > a,
51
+ > .active > span {
52
+ &,
53
+ &:hover,
54
+ &:focus {
55
+ z-index: 3;
56
+ color: $pagination-active-color;
57
+ background-color: $pagination-active-bg;
58
+ border-color: $pagination-active-border;
59
+ cursor: default;
60
+ }
61
+ }
62
+
63
+ > .disabled {
64
+ > span,
65
+ > span:hover,
66
+ > span:focus,
67
+ > a,
68
+ > a:hover,
69
+ > a:focus {
70
+ color: $pagination-disabled-color;
71
+ background-color: $pagination-disabled-bg;
72
+ border-color: $pagination-disabled-border;
73
+ cursor: $cursor-disabled;
74
+ }
75
+ }
76
+ }
77
+
78
+ // Sizing
79
+ // --------------------------------------------------
80
+
81
+ // Large
82
+ .pagination-lg {
83
+ @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
84
+ }
85
+
86
+ // Small
87
+ .pagination-sm {
88
+ @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
89
+ }
@@ -0,0 +1,271 @@
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
+
80
+ // Add border bottom radius for last one
81
+ &:last-child {
82
+ .list-group-item:last-child {
83
+ border-bottom: 0;
84
+ @include border-bottom-radius(($panel-border-radius - 1));
85
+ }
86
+ }
87
+ }
88
+ > .panel-heading + .panel-collapse > .list-group {
89
+ .list-group-item:first-child {
90
+ @include border-top-radius(0);
91
+ }
92
+ }
93
+ }
94
+ // Collapse space between when there's no additional content.
95
+ .panel-heading + .list-group {
96
+ .list-group-item:first-child {
97
+ border-top-width: 0;
98
+ }
99
+ }
100
+ .list-group + .panel-footer {
101
+ border-top-width: 0;
102
+ }
103
+
104
+ // Tables in panels
105
+ //
106
+ // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
107
+ // watch it go full width.
108
+
109
+ .panel {
110
+ > .table,
111
+ > .table-responsive > .table,
112
+ > .panel-collapse > .table {
113
+ margin-bottom: 0;
114
+
115
+ caption {
116
+ padding-left: $panel-body-padding;
117
+ padding-right: $panel-body-padding;
118
+ }
119
+ }
120
+ // Add border top radius for first one
121
+ > .table:first-child,
122
+ > .table-responsive:first-child > .table:first-child {
123
+ @include border-top-radius(($panel-border-radius - 1));
124
+
125
+ > thead:first-child,
126
+ > tbody:first-child {
127
+ > tr:first-child {
128
+ border-top-left-radius: ($panel-border-radius - 1);
129
+ border-top-right-radius: ($panel-border-radius - 1);
130
+
131
+ td:first-child,
132
+ th:first-child {
133
+ border-top-left-radius: ($panel-border-radius - 1);
134
+ }
135
+ td:last-child,
136
+ th:last-child {
137
+ border-top-right-radius: ($panel-border-radius - 1);
138
+ }
139
+ }
140
+ }
141
+ }
142
+ // Add border bottom radius for last one
143
+ > .table:last-child,
144
+ > .table-responsive:last-child > .table:last-child {
145
+ @include border-bottom-radius(($panel-border-radius - 1));
146
+
147
+ > tbody:last-child,
148
+ > tfoot:last-child {
149
+ > tr:last-child {
150
+ border-bottom-left-radius: ($panel-border-radius - 1);
151
+ border-bottom-right-radius: ($panel-border-radius - 1);
152
+
153
+ td:first-child,
154
+ th:first-child {
155
+ border-bottom-left-radius: ($panel-border-radius - 1);
156
+ }
157
+ td:last-child,
158
+ th:last-child {
159
+ border-bottom-right-radius: ($panel-border-radius - 1);
160
+ }
161
+ }
162
+ }
163
+ }
164
+ > .panel-body + .table,
165
+ > .panel-body + .table-responsive,
166
+ > .table + .panel-body,
167
+ > .table-responsive + .panel-body {
168
+ border-top: 1px solid $table-border-color;
169
+ }
170
+ > .table > tbody:first-child > tr:first-child th,
171
+ > .table > tbody:first-child > tr:first-child td {
172
+ border-top: 0;
173
+ }
174
+ > .table-bordered,
175
+ > .table-responsive > .table-bordered {
176
+ border: 0;
177
+ > thead,
178
+ > tbody,
179
+ > tfoot {
180
+ > tr {
181
+ > th:first-child,
182
+ > td:first-child {
183
+ border-left: 0;
184
+ }
185
+ > th:last-child,
186
+ > td:last-child {
187
+ border-right: 0;
188
+ }
189
+ }
190
+ }
191
+ > thead,
192
+ > tbody {
193
+ > tr:first-child {
194
+ > td,
195
+ > th {
196
+ border-bottom: 0;
197
+ }
198
+ }
199
+ }
200
+ > tbody,
201
+ > tfoot {
202
+ > tr:last-child {
203
+ > td,
204
+ > th {
205
+ border-bottom: 0;
206
+ }
207
+ }
208
+ }
209
+ }
210
+ > .table-responsive {
211
+ border: 0;
212
+ margin-bottom: 0;
213
+ }
214
+ }
215
+
216
+
217
+ // Collapsible panels (aka, accordion)
218
+ //
219
+ // Wrap a series of panels in `.panel-group` to turn them into an accordion with
220
+ // the help of our collapse JavaScript plugin.
221
+
222
+ .panel-group {
223
+ margin-bottom: $line-height-computed;
224
+
225
+ // Tighten up margin so it's only between panels
226
+ .panel {
227
+ margin-bottom: 0;
228
+ border-radius: $panel-border-radius;
229
+
230
+ + .panel {
231
+ margin-top: 5px;
232
+ }
233
+ }
234
+
235
+ .panel-heading {
236
+ border-bottom: 0;
237
+
238
+ + .panel-collapse > .panel-body,
239
+ + .panel-collapse > .list-group {
240
+ border-top: 1px solid $panel-inner-border;
241
+ }
242
+ }
243
+
244
+ .panel-footer {
245
+ border-top: 0;
246
+ + .panel-collapse .panel-body {
247
+ border-bottom: 1px solid $panel-inner-border;
248
+ }
249
+ }
250
+ }
251
+
252
+
253
+ // Contextual variations
254
+ .panel-default {
255
+ @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border);
256
+ }
257
+ .panel-primary {
258
+ @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border);
259
+ }
260
+ .panel-success {
261
+ @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border);
262
+ }
263
+ .panel-info {
264
+ @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border);
265
+ }
266
+ .panel-warning {
267
+ @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border);
268
+ }
269
+ .panel-danger {
270
+ @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border);
271
+ }
@@ -0,0 +1,131 @@
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
+ // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
15
+ // So reset our font and text properties to avoid inheriting weird values.
16
+ @include reset-text;
17
+ font-size: $font-size-base;
18
+
19
+ background-color: $popover-bg;
20
+ background-clip: padding-box;
21
+ border: 1px solid $popover-fallback-border-color;
22
+ border: 1px solid $popover-border-color;
23
+ border-radius: $border-radius-large;
24
+ @include box-shadow(0 5px 10px rgba(0,0,0,.2));
25
+
26
+ // Offset the popover to account for the popover arrow
27
+ &.top { margin-top: -$popover-arrow-width; }
28
+ &.right { margin-left: $popover-arrow-width; }
29
+ &.bottom { margin-top: $popover-arrow-width; }
30
+ &.left { margin-left: -$popover-arrow-width; }
31
+ }
32
+
33
+ .popover-title {
34
+ margin: 0; // reset heading margin
35
+ padding: 8px 14px;
36
+ font-size: $font-size-base;
37
+ background-color: $popover-title-bg;
38
+ border-bottom: 1px solid darken($popover-title-bg, 5%);
39
+ border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
40
+ }
41
+
42
+ .popover-content {
43
+ padding: 9px 14px;
44
+ }
45
+
46
+ // Arrows
47
+ //
48
+ // .arrow is outer, .arrow:after is inner
49
+
50
+ .popover > .arrow {
51
+ &,
52
+ &:after {
53
+ position: absolute;
54
+ display: block;
55
+ width: 0;
56
+ height: 0;
57
+ border-color: transparent;
58
+ border-style: solid;
59
+ }
60
+ }
61
+ .popover > .arrow {
62
+ border-width: $popover-arrow-outer-width;
63
+ }
64
+ .popover > .arrow:after {
65
+ border-width: $popover-arrow-width;
66
+ content: "";
67
+ }
68
+
69
+ .popover {
70
+ &.top > .arrow {
71
+ left: 50%;
72
+ margin-left: -$popover-arrow-outer-width;
73
+ border-bottom-width: 0;
74
+ border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
75
+ border-top-color: $popover-arrow-outer-color;
76
+ bottom: -$popover-arrow-outer-width;
77
+ &:after {
78
+ content: " ";
79
+ bottom: 1px;
80
+ margin-left: -$popover-arrow-width;
81
+ border-bottom-width: 0;
82
+ border-top-color: $popover-arrow-color;
83
+ }
84
+ }
85
+ &.right > .arrow {
86
+ top: 50%;
87
+ left: -$popover-arrow-outer-width;
88
+ margin-top: -$popover-arrow-outer-width;
89
+ border-left-width: 0;
90
+ border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
91
+ border-right-color: $popover-arrow-outer-color;
92
+ &:after {
93
+ content: " ";
94
+ left: 1px;
95
+ bottom: -$popover-arrow-width;
96
+ border-left-width: 0;
97
+ border-right-color: $popover-arrow-color;
98
+ }
99
+ }
100
+ &.bottom > .arrow {
101
+ left: 50%;
102
+ margin-left: -$popover-arrow-outer-width;
103
+ border-top-width: 0;
104
+ border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
105
+ border-bottom-color: $popover-arrow-outer-color;
106
+ top: -$popover-arrow-outer-width;
107
+ &:after {
108
+ content: " ";
109
+ top: 1px;
110
+ margin-left: -$popover-arrow-width;
111
+ border-top-width: 0;
112
+ border-bottom-color: $popover-arrow-color;
113
+ }
114
+ }
115
+
116
+ &.left > .arrow {
117
+ top: 50%;
118
+ right: -$popover-arrow-outer-width;
119
+ margin-top: -$popover-arrow-outer-width;
120
+ border-right-width: 0;
121
+ border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
122
+ border-left-color: $popover-arrow-outer-color;
123
+ &:after {
124
+ content: " ";
125
+ right: 1px;
126
+ border-right-width: 0;
127
+ border-left-color: $popover-arrow-color;
128
+ bottom: -$popover-arrow-width;
129
+ }
130
+ }
131
+ }