Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 

88 rader
1.7 KiB

  1. import {
  2. defaultFont,
  3. primaryBoxShadow,
  4. infoBoxShadow,
  5. successBoxShadow,
  6. warningBoxShadow,
  7. dangerBoxShadow,
  8. container
  9. } from "assets/jss/nextjs-material-kit.js";
  10. const snackbarContentStyle = {
  11. root: {
  12. ...defaultFont,
  13. position: "relative",
  14. padding: "20px 15px",
  15. lineHeight: "20px",
  16. marginBottom: "20px",
  17. fontSize: "14px",
  18. backgroundColor: "white",
  19. color: "#555555",
  20. borderRadius: "0px",
  21. maxWidth: "100%",
  22. minWidth: "auto",
  23. boxShadow:
  24. "0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2)"
  25. },
  26. info: {
  27. backgroundColor: "#212121",
  28. color: "#ffffff",
  29. ...infoBoxShadow
  30. },
  31. success: {
  32. backgroundColor: "#5cb860",
  33. color: "#ffffff",
  34. ...successBoxShadow
  35. },
  36. warning: {
  37. backgroundColor: "#ffa21a",
  38. color: "#ffffff",
  39. ...warningBoxShadow
  40. },
  41. danger: {
  42. backgroundColor: "#f55a4e",
  43. color: "#ffffff",
  44. ...dangerBoxShadow
  45. },
  46. primary: {
  47. backgroundColor: "#af2cc5",
  48. color: "#ffffff",
  49. ...primaryBoxShadow
  50. },
  51. message: {
  52. padding: "0",
  53. display: "block",
  54. maxWidth: "89%",
  55. "&,& *": {
  56. letterSpacing: "normal"
  57. }
  58. },
  59. close: {
  60. width: "14px",
  61. height: "14px"
  62. },
  63. iconButton: {
  64. width: "24px",
  65. height: "24px",
  66. float: "right",
  67. fontSize: "1.5rem",
  68. fontWeight: "500",
  69. lineHeight: "1",
  70. position: "absolute",
  71. right: "-4px",
  72. top: "0",
  73. padding: "0"
  74. },
  75. icon: {
  76. display: "block",
  77. float: "left",
  78. marginRight: "1.071rem"
  79. },
  80. container: {
  81. ...container,
  82. position: "relative"
  83. }
  84. };
  85. export default snackbarContentStyle;