_notices.scss 1.9 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: map-deep-get($config-global, "spacing", "unit") map-deep-get($config-global, "spacing", "vertical") map-deep-get($config-global, "spacing", "unit") #{2 * map-deep-get($config-global, "spacing", "vertical")};
  11. margin-bottom: map-deep-get($config-global, "spacing", "vertical");
  12. background-color: map-deep-get($config-global, "color", "background", "light");
  13. color: map-deep-get($config-global, "color", "foreground", "dark");
  14. border-top-color: map-deep-get($config-global, "color", "primary", "default");
  15. }
  16. .woocommerce-notice--message,
  17. .woocommerce-notice--info {
  18. color: map-deep-get($config-global, "color", "alert", "info");
  19. }
  20. .woocommerce-notice--success {
  21. color: map-deep-get($config-global, "color", "alert", "success");
  22. }
  23. .woocommerce-notice--error {
  24. color: map-deep-get($config-global, "color", "alert", "error");
  25. }
  26. .woocommerce-notice--warning {
  27. color: map-deep-get($config-global, "color", "alert", "warning");
  28. }
  29. .woocommerce-message,
  30. .woocommerce-info {
  31. border-top-color: map-deep-get($config-global, "color", "alert", "info");
  32. &:before {
  33. color: map-deep-get($config-global, "color", "alert", "info");
  34. }
  35. }
  36. .woocommerce-success {
  37. border-top-color: map-deep-get($config-global, "color", "alert", "success");
  38. &:before {
  39. color: map-deep-get($config-global, "color", "alert", "success");
  40. }
  41. }
  42. .woocommerce-error {
  43. border-top-color: map-deep-get($config-global, "color", "alert", "error");
  44. &:before {
  45. color: map-deep-get($config-global, "color", "alert", "error");
  46. }
  47. }
  48. .woocommerce-warning {
  49. border-top-color: map-deep-get($config-global, "color", "alert", "warning");
  50. &:before {
  51. color: map-deep-get($config-global, "color", "alert", "warning");
  52. }
  53. }
  54. }