您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 

1 行
3.3 KiB

  1. {"ast":null,"code":"import { hexToRGBAlpha, roseColor, primaryColor, infoColor, successColor, warningColor, dangerColor } from \"assets/jss/nextjs-material-kit.js\";\n\nconst navPillsStyle = theme => ({\n root: {\n marginTop: \"20px\",\n paddingLeft: \"0\",\n marginBottom: \"0\",\n overflow: \"visible !important\",\n lineHeight: \"24px\",\n textTransform: \"uppercase\",\n fontSize: \"12px\",\n fontWeight: \"500\",\n position: \"relative\",\n display: \"block\",\n color: \"inherit\"\n },\n flexContainer: {\n [theme.breakpoints.down(\"xs\")]: {\n display: \"flex\",\n flexWrap: \"wrap\"\n }\n },\n displayNone: {\n display: \"none !important\"\n },\n fixed: {\n overflow: \"visible !important\"\n },\n horizontalDisplay: {\n display: \"block\"\n },\n pills: {\n float: \"left\",\n position: \"relative\",\n display: \"block\",\n borderRadius: \"30px\",\n minWidth: \"100px\",\n textAlign: \"center\",\n transition: \"all .3s\",\n padding: \"10px 15px\",\n color: \"#555555\",\n height: \"auto\",\n opacity: \"1\",\n maxWidth: \"100%\",\n margin: \"0 5px\"\n },\n pillsWithIcons: {\n borderRadius: \"4px\"\n },\n tabIcon: {\n width: \"30px\",\n height: \"30px\",\n display: \"block\",\n margin: \"15px 0 !important\",\n \"&, & *\": {\n letterSpacing: \"normal !important\"\n }\n },\n horizontalPills: {\n width: \"100%\",\n float: \"none !important\",\n \"& + button\": {\n margin: \"10px 0\"\n }\n },\n contentWrapper: {\n marginTop: \"20px\"\n },\n primary: {\n \"&,&:hover\": {\n color: \"#FFFFFF\",\n backgroundColor: infoColor,\n boxShadow: `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px ${hexToRGBAlpha(primaryColor, 0.4)}`\n }\n },\n info: {\n \"&,&:hover\": {\n color: \"#FFFFFF\",\n backgroundColor: infoColor,\n boxShadow: `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px ${hexToRGBAlpha(infoColor, 0.4)}`\n }\n },\n success: {\n \"&,&:hover\": {\n color: \"#FFFFFF\",\n backgroundColor: successColor,\n boxShadow: `0 2px 2px 0 ${hexToRGBAlpha(successColor, 0.14)}, 0 3px 1px -2px ${hexToRGBAlpha(successColor, 0.2)}, 0 1px 5px 0 ${hexToRGBAlpha(successColor, 0.12)}`\n }\n },\n warning: {\n \"&,&:hover\": {\n color: \"#FFFFFF\",\n backgroundColor: warningColor,\n boxShadow: `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px ${hexToRGBAlpha(warningColor, 0.4)}`\n }\n },\n danger: {\n \"&,&:hover\": {\n color: \"#FFFFFF\",\n backgroundColor: dangerColor,\n boxShadow: `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px ${hexToRGBAlpha(dangerColor, 0.4)}`\n }\n },\n rose: {\n \"&,&:hover\": {\n color: \"#FFFFFF\",\n backgroundColor: roseColor,\n boxShadow: `0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px ${hexToRGBAlpha(roseColor, 0.4)}`\n }\n },\n alignCenter: {\n alignItems: \"center\",\n justifyContent: \"center\"\n },\n tabWrapper: {\n color: \"inherit\",\n position: \"relative\",\n fontSize: \"12px\",\n lineHeight: \"24px\",\n fontWeight: \"500\",\n textTransform: \"uppercase\",\n \"&,& *\": {\n letterSpacing: \"normal\"\n }\n }\n});\n\nexport default navPillsStyle;","map":null,"metadata":{},"sourceType":"module"}