aboutsummaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/valo/components/_notification.scss
diff options
context:
space:
mode:
Diffstat (limited to 'WebContent/VAADIN/themes/valo/components/_notification.scss')
-rw-r--r--WebContent/VAADIN/themes/valo/components/_notification.scss66
1 files changed, 66 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/valo/components/_notification.scss b/WebContent/VAADIN/themes/valo/components/_notification.scss
index 78d0b864c8..9261af0c52 100644
--- a/WebContent/VAADIN/themes/valo/components/_notification.scss
+++ b/WebContent/VAADIN/themes/valo/components/_notification.scss
@@ -1,6 +1,18 @@
+/**
+ *
+ * @group notification
+ */
$v-notification-title-color: $v-focus-color !default;
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-Notification) -
+ * @param {bool} $include-additional-styles -
+ *
+ * @group notification
+ */
@mixin valo-notification ($primary-stylename: v-Notification, $include-additional-styles: contains($v-included-additional-styles, notification)) {
// Positional offsets
@@ -200,6 +212,12 @@ $v-notification-title-color: $v-focus-color !default;
+/**
+ *
+ *
+ *
+ * @group notification
+ */
@mixin valo-notification-closable-style {
padding-right: $v-unit-size + round($v-unit-size/1.7);
overflow: hidden !important; // Override GWT PopupPanel
@@ -244,6 +262,12 @@ $v-notification-title-color: $v-focus-color !default;
+/**
+ *
+ *
+ *
+ * @group notification
+ */
@mixin valo-notification-style {
background: $v-overlay-background-color;
@include box-shadow(0px 5px 15px 0px rgba(0,0,0,0.15));
@@ -259,6 +283,12 @@ $v-notification-title-color: $v-focus-color !default;
}
}
+/**
+ *
+ *
+ *
+ * @group notification
+ */
@mixin valo-notification-bar-style {
left: 0 !important;
right: 0;
@@ -301,6 +331,12 @@ $v-notification-title-color: $v-focus-color !default;
}
}
+/**
+ *
+ *
+ *
+ * @group notification
+ */
@mixin valo-notification-dark-style {
background-color: #444;
background-color: rgba(#444, .9);
@@ -317,6 +353,12 @@ $v-notification-title-color: $v-focus-color !default;
}
}
+/**
+ *
+ *
+ *
+ * @group notification
+ */
@mixin valo-notification-system-style {
@include valo-notification-dark-style;
@@ -326,8 +368,20 @@ $v-notification-title-color: $v-focus-color !default;
}
}
+/**
+ *
+ *
+ *
+ * @group notification
+ */
@mixin valo-notification-tray-style {}
+/**
+ *
+ *
+ *
+ * @group notification
+ */
@mixin valo-notification-warning-style {
background: #FFF3D2;
@@ -340,6 +394,12 @@ $v-notification-title-color: $v-focus-color !default;
}
}
+/**
+ *
+ *
+ *
+ * @group notification
+ */
@mixin valo-notification-error-style {
background: $v-error-indicator-color;
font-weight: $v-font-weight + 100;
@@ -354,6 +414,12 @@ $v-notification-title-color: $v-focus-color !default;
}
}
+/**
+ *
+ *
+ *
+ * @group notification
+ */
@mixin valo-notification-small-style {
padding: round($v-unit-size/3.3) round($v-unit-size/2.8);