@bubbles-ui/notifications/es/NotificationProvider/NotificationProvider.styles.js

The Bubbles Design System is Leemonade's open-source design system for products and experiences.

import { createStyles } from '@bubbles-ui/components';
export const NotificationProviderStyles = createStyles((theme, _ref) => {
  let {} = _ref;
  return {
    notifications: {
      width: `calc(100% - ${theme.spacing.md * 2}px)`,
      boxSizing: 'border-box',
      position: 'fixed',
      zIndex: 1000
    },
    notification: {
      '&:not(:first-of-type)': {
        marginTop: theme.spacing.sm
      }
    }
  };
});