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

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.NotificationProviderStyles = void 0;
var _components = require("@bubbles-ui/components");
const NotificationProviderStyles = (0, _components.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
      }
    }
  };
});
exports.NotificationProviderStyles = NotificationProviderStyles;