Commit 9108ab9f authored by Markus Maga's avatar Markus Maga

Added padding variable for alerts and changed customize.html Warning state...

Added padding variable for alerts and changed customize.html Warning state (which doesn't exist anymore)
parent d2389ec7
...@@ -660,12 +660,21 @@ base_url: "../" ...@@ -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: "../" ...@@ -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>
......
...@@ -7,7 +7,7 @@ ...@@ -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;
......
...@@ -404,10 +404,12 @@ ...@@ -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;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment