_notices.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /**
  2. * Notices
  3. */
  4. body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
  5. .woocommerce-message,
  6. .woocommerce-info,
  7. .woocommerce-success,
  8. .woocommerce-error,
  9. .woocommerce-warning {
  10. padding: var(--global--spacing-unit) var(--global--spacing-vertical) var(--global--spacing-unit) calc(2 * var(--global--spacing-vertical));
  11. margin-bottom: var(--global--spacing-vertical);
  12. background-color: var(--global--color-tertiary);
  13. color: var(--global--color-foreground-high-contrast);
  14. border-top-color: var(--global--color-primary-default);
  15. }
  16. .woocommerce-notice--message,
  17. .woocommerce-notice--info {
  18. color: var(--global--color-foreground);
  19. }
  20. .woocommerce-notice--success {
  21. color: var(--global--color-alert-success);
  22. }
  23. .woocommerce-notice--error {
  24. color: var(--global--color-alert-error);
  25. }
  26. .woocommerce-notice--warning {
  27. color: var(--global--color-alert-warning);
  28. }
  29. .woocommerce-message,
  30. .woocommerce-info {
  31. border-top-color: var(--global--color-alert-info);
  32. &:before {
  33. color: var(--global--color-alert-info);
  34. }
  35. }
  36. .woocommerce-success {
  37. border-top-color: var(--global--color-alert-success);
  38. &:before {
  39. color: var(--global--color-alert-success);
  40. }
  41. }
  42. .woocommerce-error {
  43. border-top-color: var(--global--color-alert-error);
  44. &:before {
  45. color: var(--global--color-alert-error);
  46. }
  47. }
  48. .woocommerce-warning {
  49. border-top-color: var(--global--color-alert-warning);
  50. &:before {
  51. color: var(--global--color-alert-warning);
  52. }
  53. }
  54. }