summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/reindeer/notification/notification.scss
diff options
context:
space:
mode:
authorHenri Sara <hesara@vaadin.com>2012-08-08 14:27:31 +0300
committerHenri Sara <hesara@vaadin.com>2012-08-08 14:44:49 +0300
commitcfa455d6cfd4a535fd77cbc76637a57e7024e9ac (patch)
treececb66492671ed20fa9865581da12930ed502047 /WebContent/VAADIN/themes/reindeer/notification/notification.scss
parent620e096b45f27ecc5aa85d164ca8b81df000e593 (diff)
downloadvaadin-framework-cfa455d6cfd4a535fd77cbc76637a57e7024e9ac.tar.gz
vaadin-framework-cfa455d6cfd4a535fd77cbc76637a57e7024e9ac.zip
Standard themes in SCSS form, updated CompileDefaultTheme (#9223)
Conversion performed for most themes trivial, just rename file and wrap in a mixin. For chameleon compounds, also nesting used. In some cases, related small files combined in a single SCSS file Chameleon accordion and select contain fixes other than just a missing semicolon.
Diffstat (limited to 'WebContent/VAADIN/themes/reindeer/notification/notification.scss')
-rw-r--r--WebContent/VAADIN/themes/reindeer/notification/notification.scss48
1 files changed, 48 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/notification/notification.scss b/WebContent/VAADIN/themes/reindeer/notification/notification.scss
new file mode 100644
index 0000000000..d9ddd4da27
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/notification/notification.scss
@@ -0,0 +1,48 @@
+@mixin reindeer-notification {
+
+.v-Notification {
+ color: #fff;
+ border-radius: 4px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ font-size: 100%;
+ background: #c8ccd0;
+ font-weight: bold;
+}
+
+.v-ie9 .v-Notification H1 {
+ /* Fix for #6793 */
+ font-weight: bold;
+}
+
+.v-Notification p {
+ line-height: 1.3;
+}
+.v-Notification-warning {
+ background: #fdf3b5;
+ color: #ca9a61;
+ border: 3px solid #fee3af;
+}
+.v-Notification-error {
+ background: #b40000 url(img/error-close.png) no-repeat right top;
+ border: 3px solid #ca3030;
+}
+.v-Notification-tray {
+ margin: 0 5px 5px 0;
+ background: #3b3c3e;
+ border: 2px solid #585b5c;
+ padding: 0.8em 0.9em;
+}
+.v-Notification-tray h1 {
+ font-size: 14px;
+ line-height: 18px;
+}
+.v-Notification-tray p {
+ font-size: 12px;
+ font-weight: normal;
+}
+.v-Notification-system {
+ background-color: #b40000;
+}
+
+} \ No newline at end of file