.panel {
margin-bottom: @line-height-computed;
background-color: @panel-bg;
- border: 1px solid @panel-border;
+ border: 1px solid transparent;
border-radius: @panel-border-radius;
.box-shadow(0 1px 1px rgba(0,0,0,.05));
}
// Panel contents
.panel-body {
padding: 15px;
+ .clearfix();
}
+
// List groups in panels
//
// By default, space out list group content from panel headings to account for
}
}
+
+// Tables in panels
+//
+// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
+// watch it go full width.
+
+.panel {
+ > .table {
+ margin-bottom: 0;
+ }
+ > .panel-body + .table {
+ border-top: 1px solid @table-border-color;
+ }
+}
+
+
// Optional heading
.panel-heading {
padding: 10px 15px;
- background-color: @panel-heading-bg;
- border-bottom: 1px solid @panel-border;
+ border-bottom: 1px solid transparent;
.border-top-radius(@panel-border-radius - 1);
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
- font-size: (@font-size-base * 1.25);
+ font-size: ceil((@font-size-base * 1.125));
> a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: @panel-footer-bg;
- border-top: 1px solid @panel-border;
+ border-top: 1px solid @panel-inner-border;
.border-bottom-radius(@panel-border-radius - 1);
}
.panel-heading {
border-bottom: 0;
+ .panel-collapse .panel-body {
- border-top: 1px solid @panel-border;
+ border-top: 1px solid @panel-inner-border;
}
}
.panel-footer {
border-top: 0;
+ .panel-collapse .panel-body {
- border-bottom: 1px solid @panel-border;
+ border-bottom: 1px solid @panel-inner-border;
}
}
// Contextual variations
+.panel-default {
+ .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
+}
.panel-primary {
.panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
}