Sha256: 7a8fe9a3b3cab9e48c2f37397d7a93d6c95fb0527b8c00aabb957711f8b44580
Contents?: true
Size: 1.51 KB
Versions: 6
Compression:
Stored size: 1.51 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.2
-------------------------------------------------------------------------------------------------------------------- */
.alert--block {
* { margin-bottom: 0; }
* + * { margin-top: 5px; }
}
}
Version data entries
6 entries across 6 versions & 1 rubygems