mirror of
https://github.com/yewprint/yewprint
synced 2024-11-22 11:33:04 +00:00
137 lines
2.3 KiB
HTML
137 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>Yewprint – Documentation</title>
|
||
<script type="module">
|
||
import init from "/wasm.js";
|
||
init();
|
||
</script>
|
||
<link rel="icon" href="/favicon.svg">
|
||
<link rel="stylesheet" href="/blueprint.css">
|
||
<style>
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.bp3-tree {
|
||
width: 350px;
|
||
}
|
||
|
||
.docs-app {
|
||
display: flex;
|
||
flex-direction: row;
|
||
margin: auto;
|
||
width: 100vw;
|
||
min-height: 100vh;
|
||
background-color: #f5f8fa;
|
||
}
|
||
|
||
.docs-nav {
|
||
width: 270px;
|
||
height: 100vh;
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
overflow-y: scroll;
|
||
overflow-x: hidden;
|
||
z-index: 10;
|
||
background-color: #fff;
|
||
}
|
||
|
||
.bp3-dark .docs-nav {
|
||
background-color: #394b59;
|
||
}
|
||
|
||
.docs-nav-wrapper {
|
||
flex-basis: 270px;
|
||
width: 270px;
|
||
flex-grow: 0;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.docs-nav .bp3-menu {
|
||
background: inherit;
|
||
}
|
||
|
||
.docs-nav .docs-nav-title {
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
padding: 15px;
|
||
}
|
||
|
||
.docs-nav .docs-nav-sponsors {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
padding: 15px;
|
||
}
|
||
|
||
.docs-nav .docs-nav-title .docs-logo {
|
||
margin-right: 15px;
|
||
}
|
||
|
||
.docs-nav .docs-nav-title .docs-heading {
|
||
font-size: 20px;
|
||
font-weight: 600;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.docs-content-wrapper {
|
||
flex-grow: 1;
|
||
flex-shrink: 1;
|
||
flex-basis: 830px;
|
||
}
|
||
|
||
.docs-page {
|
||
padding: 0 5px 40px 40px;
|
||
max-width: 830px;
|
||
}
|
||
|
||
.docs-app.bp3-dark {
|
||
background-color: #30404d;
|
||
}
|
||
|
||
.docs-page h1 {
|
||
line-height: 40px;
|
||
font-size: 36px;
|
||
}
|
||
|
||
.docs-example-wrapper .bp3-code-block {
|
||
background-color: #002b36;
|
||
white-space: pre-wrap;
|
||
}
|
||
|
||
.docs-example-wrapper .bp3-code-block > pre {
|
||
margin: 0;
|
||
white-space: pre-wrap;
|
||
}
|
||
|
||
.docs-example-wrapper .docs-example {
|
||
border-radius: 6px;
|
||
background-color: #fff;
|
||
padding: 20px;
|
||
}
|
||
|
||
.bp3-dark .docs-example-wrapper .docs-example {
|
||
background-color: #293742;
|
||
}
|
||
|
||
.docs-example-wrapper > .docs-source > .bp3-button {
|
||
background-color: #ebf1f5;
|
||
}
|
||
|
||
.bp3-dark .docs-example-wrapper > .docs-source > .bp3-button {
|
||
background-color: #394b59;
|
||
}
|
||
|
||
.docs-example-wrapper > .docs-source {
|
||
margin-bottom: 40px;
|
||
margin-top: 10px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body></body>
|
||
</html>
|