.broadcast-message { padding: $gl-padding-8; div, p { display: inline; margin: 0; a { color: inherit; text-decoration: underline; } } } .broadcast-banner-message { @extend .broadcast-message; @extend .alert-warning; text-align: center; .broadcast-message-dismiss { color: inherit; } } .broadcast-notification-message { @extend .broadcast-message; position: fixed; bottom: $gl-padding; right: $gl-padding; max-width: 300px; width: auto; background: $white-light; border: 1px solid $gray-200; box-shadow: 0 1px 2px 0 rgba($black, 0.1); border-radius: $border-radius-default; z-index: 999; &.preview { position: static; } .broadcast-message-dismiss { height: 100%; color: $gray-800; } } .toggle-colors { input { min-height: 34px; } }