/
output.mjs
40 lines (40 loc) · 2.32 KB
/
output.mjs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
import _JSXStyle from "styled-jsx/style";
const WithSidebar = ({ right =false , top =false , sidebar , sidebarWidth =230 , hideOnMobile =false , breakpoint =730 , children , })=>/*#__PURE__*/ React.createElement("main", {
className: _JSXStyle.dynamic([
[
"4507deac72c40d6c",
[
right ? "row-reverse" : "row",
sidebarWidth,
breakpoint,
top ? "column" : "column-reverse",
],
],
])
}, /*#__PURE__*/ React.createElement(Sidebar, {
width: sidebarWidth,
right: right,
hide: hideOnMobile,
breakpoint: breakpoint
}, sidebar), /*#__PURE__*/ React.createElement("div", {
className: _JSXStyle.dynamic([
[
"4507deac72c40d6c",
[
right ? "row-reverse" : "row",
sidebarWidth,
breakpoint,
top ? "column" : "column-reverse",
],
],
])
}, children), /*#__PURE__*/ React.createElement(_JSXStyle, {
id: "4507deac72c40d6c",
dynamic: [
right ? "row-reverse" : "row",
sidebarWidth,
breakpoint,
top ? "column" : "column-reverse",
]
}, `main.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:${right ? "row-reverse" : "row"};-ms-flex-direction:${right ? "row-reverse" : "row"};flex-direction:${right ? "row-reverse" : "row"};-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--geist-gap-double)}div.__jsx-style-dynamic-selector{width:100%;max-width:-webkit-calc(100% - ${sidebarWidth}px - var(--geist-gap-double));max-width:-moz-calc(100% - ${sidebarWidth}px - var(--geist-gap-double));max-width:calc(100% - ${sidebarWidth}px - var(--geist-gap-double))}@media(max-width:${breakpoint}px){main.__jsx-style-dynamic-selector{-webkit-flex-direction:${top ? "column" : "column-reverse"};-ms-flex-direction:${top ? "column" : "column-reverse"};flex-direction:${top ? "column" : "column-reverse"}}div.__jsx-style-dynamic-selector{max-width:unset}}`))
;