@vaadin/notification
Version:
vaadin-notification
34 lines (30 loc) • 1.09 kB
JavaScript
/**
* @license
* Copyright (c) 2017 - 2026 Vaadin Ltd.
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
*/
import '@vaadin/component-base/src/styles/style-props.js';
import { css } from 'lit';
export const notificationCardStyles = css`
:host {
display: block;
}
[part='overlay'] {
pointer-events: auto;
box-sizing: border-box;
width: var(--vaadin-notification-width, 40ch);
max-width: 100%;
padding: var(--vaadin-notification-padding, var(--vaadin-padding-s));
background: var(--vaadin-notification-background, var(--vaadin-background-container));
border: var(--vaadin-notification-border-width, 1px) solid
var(--vaadin-notification-border-color, var(--vaadin-border-color-secondary));
box-shadow: var(--vaadin-notification-shadow, 0 8px 24px -4px rgba(0, 0, 0, 0.3));
border-radius: var(--vaadin-notification-border-radius, var(--vaadin-radius-l));
cursor: default;
}
@media (forced-colors: active) {
[part='overlay'] {
border: 3px solid ;
}
}
`;