diff options
Diffstat (limited to 'WebContent/VAADIN/themes/valo/components/_notification.scss')
-rw-r--r-- | WebContent/VAADIN/themes/valo/components/_notification.scss | 66 |
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); |