rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

add .panel-primary

Browse Source
This commit is contained in:
Mark Otto 2013-03-31 22:22:52 -07:00
parent 0fbfa167e1
commit 2f8deea95a
4 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/assets/css/bootstrap.css vendored
View File

@ -3033,6 +3033,16 @@ a.list-group-item.active .list-group-item-text {
border-top-left-radius: 3px; border-top-left-radius: 3px;
} }
.panel-primary {
border-color: #428bca;
}
.panel-primary .panel-heading {
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.panel-success { .panel-success {
border-color: #d6e9c6; border-color: #d6e9c6;
} }

5
docs/docs.html
View File

@ -4578,6 +4578,10 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<h3 id="panels-alternatives">Contextual alternatives</h3> <h3 id="panels-alternatives">Contextual alternatives</h3>
<p>Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.</p> <p>Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.</p>
<div class="bs-docs-example"> <div class="bs-docs-example">
<div class="panel panel-primary">
<div class="panel-heading">Panel heading</div>
Panel content
</div>
<div class="panel panel-success"> <div class="panel panel-success">
<div class="panel-heading">Panel heading</div> <div class="panel-heading">Panel heading</div>
Panel content Panel content
@ -4596,6 +4600,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
</div> </div>
</div> </div>
{% highlight html linenos %} {% highlight html linenos %}
<div class="panel panel-primary">...</div>
<div class="panel panel-success">...</div> <div class="panel panel-success">...</div>
<div class="panel panel-warning">...</div> <div class="panel panel-warning">...</div>
<div class="panel panel-danger">...</div> <div class="panel panel-danger">...</div>

8
less/panels.less
View File

@ -26,6 +26,14 @@
} }
// Contextual variations // Contextual variations
.panel-primary {
border-color: @panel-primary-border;
.panel-heading {
color: @panel-primary-text;
background-color: @panel-primary-heading-bg;
border-color: @panel-primary-border;
}
}
.panel-success { .panel-success {
border-color: @panel-success-border; border-color: @panel-success-border;
.panel-heading { .panel-heading {

4
less/variables.less
View File

@ -304,6 +304,10 @@
@panel-border-radius: @border-radius-base; @panel-border-radius: @border-radius-base;
@panel-heading-bg: #f5f5f5; @panel-heading-bg: #f5f5f5;
@panel-primary-text: #fff;
@panel-primary-border: @brand-primary;
@panel-primary-heading-bg: @brand-primary;
@panel-success-text: @state-success-text; @panel-success-text: @state-success-text;
@panel-success-border: @state-success-border; @panel-success-border: @state-success-border;
@panel-success-heading-bg: @state-success-bg; @panel-success-heading-bg: @state-success-bg;