1 line
26 KiB
JSON
1 line
26 KiB
JSON
|
{"ast":null,"code":"import { unit } from '@ant-design/cssinjs';\nimport { resetComponent } from '../../style';\nimport { genStyleHooks } from '../../theme/internal';\nconst genCarouselStyle = token => {\n const {\n componentCls,\n antCls\n } = token;\n return {\n [componentCls]: Object.assign(Object.assign({}, resetComponent(token)), {\n '.slick-slider': {\n position: 'relative',\n display: 'block',\n boxSizing: 'border-box',\n touchAction: 'pan-y',\n WebkitTouchCallout: 'none',\n WebkitTapHighlightColor: 'transparent',\n '.slick-track, .slick-list': {\n transform: 'translate3d(0, 0, 0)',\n touchAction: 'pan-y'\n }\n },\n '.slick-list': {\n position: 'relative',\n display: 'block',\n margin: 0,\n padding: 0,\n overflow: 'hidden',\n '&:focus': {\n outline: 'none'\n },\n '&.dragging': {\n cursor: 'pointer'\n },\n '.slick-slide': {\n pointerEvents: 'none',\n // https://github.com/ant-design/ant-design/issues/23294\n [`input${antCls}-radio-input, input${antCls}-checkbox-input`]: {\n visibility: 'hidden'\n },\n '&.slick-active': {\n pointerEvents: 'auto',\n [`input${antCls}-radio-input, input${antCls}-checkbox-input`]: {\n visibility: 'visible'\n }\n },\n // fix Carousel content height not match parent node\n // when children is empty node\n // https://github.com/ant-design/ant-design/issues/25878\n '> div > div': {\n verticalAlign: 'bottom'\n }\n }\n },\n '.slick-track': {\n position: 'relative',\n top: 0,\n insetInlineStart: 0,\n display: 'block',\n '&::before, &::after': {\n display: 'table',\n content: '\"\"'\n },\n '&::after': {\n clear: 'both'\n }\n },\n '.slick-slide': {\n display: 'none',\n float: 'left',\n height: '100%',\n minHeight: 1,\n img: {\n display: 'block'\n },\n '&.dragging img': {\n pointerEvents: 'none'\n }\n },\n '.slick-initialized .slick-slide': {\n display: 'block'\n },\n '.slick-vertical .slick-slide': {\n display: 'block',\n height: 'auto'\n }\n })\n };\n};\nconst genArrowsStyle = token => {\n const {\n componentCls,\n motionDurationSlow,\n arrowSize,\n arrowOffset\n } = token;\n const arrowLength = token.calc(arrowSize).div(Math.SQRT2).equal();\n return [{\n [componentCls]: {\n // Arrows\n '.slick-prev, .slick-next': {\n position: 'absolute',\n top: '50%',\n width: arrowSize,\n height: arrowSize,\n transform: 'translateY(-50%)',\n color: '#fff',\n opacity: 0.4,\n background: 'transparent',\n padding: 0,\n lineHeight: 0,\n border: 0,\n outline: 'none',\n cursor: 'pointer',\n zIndex: 1,\n transition: `opacity ${motionDurationSlow}`,\n '&:hover, &:focus': {\n opacity: 1\n },\n '&.slick-disabled': {\n pointerEvents: 'none',\n opacity: 0\n },\n '&::after': {\n boxSizing: 'border-box',\n position: 'absolute',\n top: token.calc(arrowSize).sub(arrowLength).div(2).equal(),\n insetInlineStart: token.calc(arrowSize).sub(arrowLength).div(2).equal(),\n display: 'inline-block',\n width: arrowLength,\n height: arrowLength,\n border: `0 solid currentcolor`,\n borderInlineWidth: '2px 0',\n borderBlockWidth: '2px 0',\n borderRadius: 1,\n content: '\"\"'\n }\n },\n '.slick-prev': {\n insetInlineStart: arrowOffset,\n '&::after': {\n transform: 'rotate(-45deg)'\n }\n },\n '.slick-next'
|