diff options
Diffstat (limited to 'debian/missing-sources/wyrm/sass/wyrm_core/_alert.sass')
-rw-r--r-- | debian/missing-sources/wyrm/sass/wyrm_core/_alert.sass | 122 |
1 files changed, 122 insertions, 0 deletions
diff --git a/debian/missing-sources/wyrm/sass/wyrm_core/_alert.sass b/debian/missing-sources/wyrm/sass/wyrm_core/_alert.sass new file mode 100644 index 0000000..5797be4 --- /dev/null +++ b/debian/missing-sources/wyrm/sass/wyrm_core/_alert.sass @@ -0,0 +1,122 @@ +// Alerts +// +// Located in `wyrm_core/_alert.sass`. Alerts can exist as in page notices and as fixed drops. +// +// Markup: +// <div class="wy-alert {$modifiers}"> +// <div class="wy-alert-title">Title goes here</div> +// <p>Alert instructions go here.</p> +// </div> +// +// .wy-alert-neutral - Generic alert, extra instruction. +// .wy-alert-success - Hooray, something good happened. +// .wy-alert-warning - Watch out, you might make a mistake. +// .wy-alert-danger - Yep, you made a mistake. +// +// Styleguide 2 + +.wy-alert + padding: $base-line-height / 2 + line-height: $base-line-height + margin-bottom: $base-line-height + background: lighten($blue, 50%) + +font-smooth +.wy-alert-title + color: $white + font-weight: bold + display: block + color: $white + background: lighten($blue,20%) + margin: -$base-line-height / 2 + padding: $base-line-height / 4 $base-line-height / 2 + margin-bottom: $base-line-height / 2 + +.wy-alert.wy-alert-danger + background: lighten($red, 40%) + .wy-alert-title + background: lighten($red,20%) +.wy-alert.wy-alert-warning + background: lighten(orange,40%) + .wy-alert-title + background: lighten($orange,20%) + +.wy-alert.wy-alert-info + background: lighten($blue, 50%) + .wy-alert-title + background: lighten($blue,20%) + +.wy-alert.wy-alert-success + background: lighten($offgreen, 50%) + .wy-alert-title + background: lighten($offgreen,0%) + +.wy-alert.wy-alert-neutral + background: $table-stripe-color + .wy-alert-title + color: $text-color + background: $table-border-color + a + color: $link-color + +.wy-alert p:last-child + margin-bottom: 0 + +// System alerts +// +// These alerts should trigger when a form error or something happens. +// Because these docs are auto-generated know that these alerts +// **will not output** below because they are set to +// display: none by default. +// +// Markup: +// <ul class="wy-tray-container"> +// <li class="{$modifiers}">Alert instructions go here.</li> +// </ul> +// +// .wy-tray-item-info - Generic alert, extra instruction. +// .wy-tray-item-success - Hooray, something good happened. +// .wy-tray-item-warning - Watch out, you might make a mistake. +// .wy-tray-item-danger - Yep, you made a mistake. +// +// Styleguide 2.1 + + +.wy-tray-container + position: fixed + bottom: 0px + left: 0 + z-index: $z-index-alert + li + display: block + width: $nav-desktop-width + background: transparent + color: $white + text-align: center + box-shadow: 0 5px 5px 0 rgba(0,0,0,.1) + padding: 0 $base-line-height + min-width: 20% + opacity: 0 + height: 0 + line-height: 56px + overflow: hidden + +transition(all .3s ease-in) + &.wy-tray-item-success + background: $green + &.wy-tray-item-info + background: $blue + &.wy-tray-item-warning + background: $orange + &.wy-tray-item-danger + background: $red + &.on + opacity: 1 + height: 56px + ++media($tablet) + .wy-tray-container + bottom: auto + top: 0 + width: 100% + li + width: 100% + |