next-material-kit
Version:
NextJS Version of Material Kit React by Creative Tim (https://creative-tim.com)
88 lines (85 loc) • 1.71 kB
JavaScript
import {
defaultFont,
primaryBoxShadow,
infoBoxShadow,
successBoxShadow,
warningBoxShadow,
dangerBoxShadow,
container,
} from "styles/jss/nextjs-material-kit.js";
const snackbarContentStyle = {
root: {
...defaultFont,
position: "relative",
padding: "20px 15px",
lineHeight: "20px",
marginBottom: "20px",
fontSize: "14px",
backgroundColor: "white",
color: "#555555",
borderRadius: "0px",
maxWidth: "100%",
minWidth: "auto",
boxShadow:
"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)",
},
info: {
backgroundColor: "#00d3ee",
color: "#ffffff",
...infoBoxShadow,
},
success: {
backgroundColor: "#5cb860",
color: "#ffffff",
...successBoxShadow,
},
warning: {
backgroundColor: "#ffa21a",
color: "#ffffff",
...warningBoxShadow,
},
danger: {
backgroundColor: "#f55a4e",
color: "#ffffff",
...dangerBoxShadow,
},
primary: {
backgroundColor: "#af2cc5",
color: "#ffffff",
...primaryBoxShadow,
},
message: {
padding: "0",
display: "block",
maxWidth: "89%",
"&,& *": {
letterSpacing: "normal",
},
},
close: {
width: "14px",
height: "14px",
},
iconButton: {
width: "24px",
height: "24px",
float: "right",
fontSize: "1.5rem",
fontWeight: "500",
lineHeight: "1",
position: "absolute",
right: "-4px",
top: "0",
padding: "0",
},
icon: {
display: "block",
float: "left",
marginRight: "1.071rem",
},
container: {
...container,
position: "relative",
},
};
export default snackbarContentStyle;