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

Added padding variable for alerts and changed customize.html Warning state (which doesn't exist anymore)

Browse Source
This commit is contained in:
Markus Maga 2013-08-06 00:06:57 +02:00
parent d2389ec7c4
commit 9108ab9fb8
3 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
customize.html
View File

@ -660,12 +660,21 @@ base_url: "../"
</div> </div>
<h2 id="variables-alerts">Alerts</h2> <h2 id="variables-alerts">Alerts</h2>
<p>Define alert colors and border radius.</p> <p>Define alert colors, border radius and padding.</p>
<h4>Border radius</h4> <h4>Border radius</h4>
<label>@alert-padding</label>
<input type="text" class="form-control" placeholder="15px">
<label>@alert-border-radius</label> <label>@alert-border-radius</label>
<input type="text" class="form-control" placeholder="@border-radius-base"> <input type="text" class="form-control" placeholder="@border-radius-base">
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<h4>Default (Warning)</h4>
<label>@alert-text</label>
<input type="text" class="form-control" placeholder="@state-warning-text">
<label>@alert-bg</label>
<input type="text" class="form-control" placeholder="@state-warning-bg">
<label>@alert-border</label>
<input type="text" class="form-control" placeholder="@state-warning-border">
<h4>Success</h4> <h4>Success</h4>
<label>@alert-success-text</label> <label>@alert-success-text</label>
<input type="text" class="form-control" placeholder="@state-success-text"> <input type="text" class="form-control" placeholder="@state-success-text">
@ -673,13 +682,6 @@ base_url: "../"
<input type="text" class="form-control" placeholder="@state-success-bg"> <input type="text" class="form-control" placeholder="@state-success-bg">
<label>@alert-success-border</label> <label>@alert-success-border</label>
<input type="text" class="form-control" placeholder="@state-success-border"> <input type="text" class="form-control" placeholder="@state-success-border">
<h4>Warning</h4>
<label>@alert-warning-text</label>
<input type="text" class="form-control" placeholder="@state-warning-text">
<label>@alert-warning-bg</label>
<input type="text" class="form-control" placeholder="@state-warning-bg">
<label>@alert-warning-border</label>
<input type="text" class="form-control" placeholder="@state-warning-border">
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<h4>Danger</h4> <h4>Danger</h4>

2
less/alerts.less
View File

@ -7,7 +7,7 @@
// ------------------------- // -------------------------
.alert { .alert {
padding: 15px 35px 15px 15px; padding: @alert-padding (@alert-padding + 20) @alert-padding @alert-padding;
margin-bottom: @line-height-computed; margin-bottom: @line-height-computed;
color: @alert-text; color: @alert-text;
background-color: @alert-bg; background-color: @alert-bg;

4
less/variables.less
View File

@ -404,10 +404,12 @@
// Alerts // Alerts
// ------------------------- // -------------------------
@alert-padding: 15px;
@alert-border-radius: @border-radius-base;
@alert-bg: @state-warning-bg; @alert-bg: @state-warning-bg;
@alert-text: @state-warning-text; @alert-text: @state-warning-text;
@alert-border: @state-warning-border; @alert-border: @state-warning-border;
@alert-border-radius: @border-radius-base;
@alert-success-bg: @state-success-bg; @alert-success-bg: @state-success-bg;
@alert-success-text: @state-success-text; @alert-success-text: @state-success-text;