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">&times;</span> - * </button> + * <div class="alert is-info"> + * <button type="button" class="close"> + * <span class="x">&times;</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