@codedoc/core
Version:
Create beautiful modern documentation websites.
107 lines • 3.84 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TocStyle = void 0;
var color_1 = __importDefault(require("color"));
var jss_theme_1 = require("@connectv/jss-theme");
exports.TocStyle = jss_theme_1.themedStyle(function (theme) { return ({
toc: {
position: 'fixed',
display: 'flex',
zIndex: 101,
flexDirection: 'column',
left: 0,
top: 0,
bottom: 0,
paddingBottom: 64,
width: 'calc(50vw - 464px)',
transform: 'translateX(-50vw)',
borderRight: "1px solid " + theme.toc.light.border,
background: theme.toc.light.background,
'body.dark-mode-animate &': {
transition: 'background .3s, border-color .3s',
'&.animated': {
transition: 'transform .3s, background .3s, border-color .3s',
}
},
'body.dark &': {
borderColor: theme.toc.dark.border,
background: theme.toc.dark.background
},
'@media (prefers-color-scheme: dark)': {
'body:not(.dark-mode-animate) &': {
borderColor: theme.toc.dark.border,
background: theme.toc.dark.background,
},
},
'@media screen and (max-width: 1200px)': {
width: '100vw',
transform: 'translateX(-110vw)',
},
'&.animated': {
transition: 'transform .3s',
},
'&.active': {
transform: 'translateX(0)',
},
'& p': { margin: 0 },
'& a': {
display: 'block',
textDecoration: 'none',
borderRadius: 3,
marginLeft: -8,
marginRight: 1,
padding: 8,
border: "1px solid transparent",
borderRight: 'none',
'body.dark-mode-animate &': { transition: 'border-color .3s, background .3s' },
'&:hover': {
background: theme.light.background,
textDecoration: 'none',
'body.dark &': { background: color_1.default(theme.dark.background).lighten(.02).toString() },
'@media (prefers-color-scheme: dark)': {
'body:not(.dark-mode-animate) &': {
background: color_1.default(theme.dark.background).lighten(.02).toString(),
},
},
},
'&.current': {
marginRight: 0,
borderTopRightRadius: 0,
borderBottomRightRadius: 0,
borderColor: theme.toc.light.border,
background: theme.light.background,
'body.dark &': {
borderColor: theme.toc.dark.border,
background: color_1.default(theme.dark.background).lighten(.02).toString(),
},
'@media (prefers-color-scheme: dark)': {
'body:not(.dark-mode-animate) &': {
borderColor: theme.toc.dark.border,
background: theme.dark.background,
},
},
'@media screen and (max-width: 1200px)': {
marginRight: -8,
borderRadius: 3,
borderRight: '1px solid',
},
},
},
},
content: {
flexGrow: 1,
overflow: 'auto',
padding: 32,
paddingRight: 0,
marginRight: -1,
'@media screen and (max-width: 1200px)': {
paddingRight: 32,
marginRight: 0,
},
},
search: {},
}); });
//# sourceMappingURL=style.js.map