Sha256: 1a0dc4b80fd7ce7b81e98fa47ef2f5fc4c0f9491f9c68106ffd15909d7f94d6d
Contents?: true
Size: 1.08 KB
Versions: 11
Compression:
Stored size: 1.08 KB
Contents
/*
Alerts
Wrap any text and an optional dismiss button in `.alert` for a basic warning alert message.
Markup:
<div class="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Alert!</strong> Best check yourself, you're not looking too good.
</div>
Styleguide 1
*/
@if $alerts {
.alert {
padding: $alerts-padding;
margin-bottom: rhythm();
@extend %alert;
p { margin: 0; }
.close {
position: relative;
top: 0;
right: 0;
}
}
/*
Alert Block
For longer messages, increase the padding on the top and bottom of the alert wrapper by adding `.alert-block`.
Markup:
<div class="alert alert--block">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Error</strong>
<p>The field Number is required and must contain a value.</p>
<p>The field Product Title is required and must contain a value.</p>
<p>The field Total Expenses is required and must contain a value.</p>
</div>
Styleguide 1.1
*/
.alert--block {
* { margin-bottom: 0; }
* + * { margin-top: 5px; }
}
}
Version data entries
11 entries across 11 versions & 1 rubygems