src/scss/toolkit/ui/alert.scss in titon-toolkit-0.9.4 vs src/scss/toolkit/ui/alert.scss in titon-toolkit-0.10.0
- old
+ new
@@ -1,48 +1,48 @@
/**
- * @copyright Copyright 2010-2013, The Titon Project
- * @license http://opensource.org/licenses/bsd-license.php
- * @link http://titon.io
+ * @copyright 2010-2013, The Titon Project
+ * @license http://opensource.org/licenses/bsd-license.php
+ * @link http://titon.io
*/
@import "../common";
/**
- * <div class="alert is-info">
- * <button type="button" class="close">
- * <span class="x">×</span>
- * </button>
+ * <div class="alert is-info">
+ * <button type="button" class="close">
+ * <span class="x">×</span>
+ * </button>
*
- * <h3 class="alert-title">Title</h3>
- * <p>This is an information message!</p>
- * </div>
+ * <h3 class="alert-title">Title</h3>
+ * <p>This is an information message!</p>
+ * </div>
*/
.alert {
- margin: $margin 0;
- padding: $padding;
- background: $gray;
- border: 1px solid $gray-dark;
- text-align: left;
+ margin: $margin 0;
+ padding: $padding;
+ background: $gray;
+ border: 1px solid $gray-dark;
+ text-align: left;
- hr {
- border: 0;
- border-top: 1px solid transparent;
- }
+ hr {
+ border: 0;
+ border-top: 1px solid transparent;
+ }
- a {
- font-weight: bold;
- }
+ a {
+ font-weight: bold;
+ }
- .close {
- float: right;
- margin-left: $margin;
+ .close {
+ float: right;
+ margin-left: $margin;
- & ~ p { margin: 0; }
- }
+ & ~ p { margin: 0; }
+ }
- @include content-spacing;
+ @include content-spacing;
}
.alert-title {
- margin: 0 0 ($margin / 2) 0;
+ margin: 0 0 ($margin / 2) 0;
}
\ No newline at end of file