3
// --------------------------------------------------
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));
17
padding: $panel-body-padding;
23
padding: $panel-heading-padding;
24
border-bottom: 1px solid transparent;
25
@include border-top-radius(($panel-border-radius - 1));
27
> .dropdown .dropdown-toggle {
32
// Within heading, strip any `h*` tag of its default margins for spacing.
36
font-size: ceil(($font-size-base * 1.125));
44
// Optional footer (stays gray in every modifier class)
46
padding: $panel-footer-padding;
47
background-color: $panel-footer-bg;
48
border-top: 1px solid $panel-inner-border;
49
@include border-bottom-radius(($panel-border-radius - 1));
53
// List groups in panels
55
// By default, space out list group content from panel headings to account for
56
// any kind of custom content between the two.
67
// Add border top radius for first one
69
.list-group-item:first-child {
71
@include border-top-radius(($panel-border-radius - 1));
74
// Add border bottom radius for last one
76
.list-group-item:last-child {
78
@include border-bottom-radius(($panel-border-radius - 1));
83
// Collapse space between when there's no additional content.
84
.panel-heading + .list-group {
85
.list-group-item:first-child {
89
.list-group + .panel-footer {
95
// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
96
// watch it go full width.
100
> .table-responsive > .table,
101
> .panel-collapse > .table {
104
// Add border top radius for first one
105
> .table:first-child,
106
> .table-responsive:first-child > .table:first-child {
107
@include border-top-radius(($panel-border-radius - 1));
110
> tbody:first-child {
114
border-top-left-radius: ($panel-border-radius - 1);
118
border-top-right-radius: ($panel-border-radius - 1);
123
// Add border bottom radius for last one
125
> .table-responsive:last-child > .table:last-child {
126
@include border-bottom-radius(($panel-border-radius - 1));
133
border-bottom-left-radius: ($panel-border-radius - 1);
137
border-bottom-right-radius: ($panel-border-radius - 1);
142
> .panel-body + .table,
143
> .panel-body + .table-responsive {
144
border-top: 1px solid $table-border-color;
146
> .table > tbody:first-child > tr:first-child th,
147
> .table > tbody:first-child > tr:first-child td {
151
> .table-responsive > .table-bordered {
186
> .table-responsive {
193
// Collapsable panels (aka, accordion)
195
// Wrap a series of panels in `.panel-group` to turn them into an accordion with
196
// the help of our collapse JavaScript plugin.
199
margin-bottom: $line-height-computed;
201
// Tighten up margin so it's only between panels
204
border-radius: $panel-border-radius;
212
+ .panel-collapse > .panel-body {
213
border-top: 1px solid $panel-inner-border;
218
+ .panel-collapse .panel-body {
219
border-bottom: 1px solid $panel-inner-border;
225
// Contextual variations
227
@include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border);
230
@include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border);
233
@include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border);
236
@include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border);
239
@include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border);
242
@include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border);