next-material-kit
Version:
NextJS Version of Material Kit React by Creative Tim (https://creative-tim.com)
59 lines (57 loc) • 1.37 kB
JavaScript
const customTabsStyle = {
cardTitle: {
float: "left",
padding: "10px 10px 10px 0px",
lineHeight: "24px",
},
cardTitleRTL: {
float: "right",
padding: "10px 0px 10px 10px !important",
},
displayNone: {
display: "none !important",
},
tabsRoot: {
minHeight: "unset !important",
},
tabRootButton: {
minHeight: "unset !important",
minWidth: "unset !important",
width: "unset !important",
height: "unset !important",
maxWidth: "unset !important",
maxHeight: "unset !important",
padding: "10px 15px",
borderRadius: "3px",
lineHeight: "24px",
border: "0 !important",
color: "#fff !important",
marginLeft: "4px",
fontWeight: "500",
fontSize: "12px",
"&:last-child": {
marginLeft: "0px",
},
},
tabSelected: {
backgroundColor: "rgba(255, 255, 255, 0.2)",
transition: "0.2s background-color 0.1s",
},
tabWrapper: {
display: "inline-block",
minHeight: "unset !important",
minWidth: "unset !important",
width: "unset !important",
height: "unset !important",
maxWidth: "unset !important",
maxHeight: "unset !important",
"& > svg": {
verticalAlign: "middle",
margin: "-1.55px 5px 0 0 !important",
},
"&,& *": {
letterSpacing: "normal !important",
},
},
};
export default customTabsStyle;