From d4822d8923c6e4535ee09eafb035f1b15742c637 Mon Sep 17 00:00:00 2001 From: Felix Hammerl Date: Mon, 7 Mar 2016 17:59:51 +0100 Subject: Issue #620: Spike growl CSS modularization --- web-ui/app/scss/views/_message-panel.scss | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 web-ui/app/scss/views/_message-panel.scss (limited to 'web-ui/app/scss/views/_message-panel.scss') diff --git a/web-ui/app/scss/views/_message-panel.scss b/web-ui/app/scss/views/_message-panel.scss new file mode 100644 index 00000000..4a0a7a6b --- /dev/null +++ b/web-ui/app/scss/views/_message-panel.scss @@ -0,0 +1,26 @@ +.message-panel { + width: 100%; + margin: 10px auto; + position: fixed; + z-index: 10000; + text-align: center; + + &__growl { + padding: 5px 60px; + + &--success { + background: $warning; + color: darken($warning, 50%); + border: 1px solid darken($warning, 10%); + @include box-shadow(1px 1px 3px darken($warning, 60%)); + } + + &--error { + font-weight: bold; + color: white; + background: $error; + border: 1px solid darken($error, 10%); + @include box-shadow(1px 1px 3px darken($error, 60%)); + } + } +} -- cgit v1.2.3