mirror of
https://github.com/yewprint/yewprint
synced 2024-11-25 21:10:20 +00:00
127 lines
2.5 KiB
HTML
127 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="description"
|
|
content="A port of Blueprint (a React-based UI toolkit for the web) to Yew (a Rust / Wasm client web app framework)" />
|
|
<meta property="og:description"
|
|
content="A port of Blueprint (a React-based UI toolkit for the web) to Yew (a Rust / Wasm client web app framework)" />
|
|
<meta property="og:title" content="A UI toolkit based on Yew" />
|
|
<meta property="og:site_name" content="Yewprint" />
|
|
<meta property="og:image" content="/logo_512.png" />
|
|
<title>Yewprint</title>
|
|
<script type="module">
|
|
import init from "/app.js";
|
|
init(new URL('app.wasm', import.meta.url));
|
|
</script>
|
|
<link rel="icon" href="/favicon.svg">
|
|
<link rel="stylesheet" href="/blueprint.css">
|
|
<link rel="stylesheet" href="/docs-theme.css">
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.docs-logo {
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.docs-heading {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.bp3-tree {
|
|
width: 350px;
|
|
}
|
|
|
|
.docs-nav .docs-nav-sponsors {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 15px;
|
|
}
|
|
|
|
.docs-nav .bp3-menu {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.docs-nav .bp3-menu-item:hover {
|
|
background-color: transparent;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.docs-example-wrapper .bp3-code-block {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.docs-example-wrapper .bp3-code-block pre {
|
|
margin: 0;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.docs-example {
|
|
border-radius: 6px;
|
|
background-color: #fff;
|
|
padding: 20px;
|
|
}
|
|
|
|
.bp3-dark .docs-example {
|
|
background-color: #293742;
|
|
}
|
|
|
|
.docs-source>.bp3-button {
|
|
background-color: #ebf1f5;
|
|
}
|
|
|
|
.bp3-dark .docs-source>.bp3-button {
|
|
background-color: #394b59;
|
|
}
|
|
|
|
.docs-source {
|
|
margin-bottom: 40px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.docs-source .bp3-code-block {
|
|
filter: invert(1) hue-rotate(180deg) contrast(2);
|
|
background-color: #002b36;
|
|
}
|
|
|
|
.bp3-dark .docs-source .bp3-code-block {
|
|
filter: inherit;
|
|
}
|
|
|
|
.bp3-slider-handle:focus {
|
|
outline: none !important;
|
|
}
|
|
|
|
.docs-panel-stack-example {
|
|
box-shadow: 0 0 0 1px rgba(16,22,26,.15),0 0 0 rgba(16,22,26,0),0 0 0 rgba(16,22,26,0);
|
|
height: 240px;
|
|
width: 300px;
|
|
}
|
|
|
|
.docs-panel-stack-contents-example {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
padding: 10px;
|
|
row-gap: 10px;
|
|
}
|
|
|
|
.custom-icon > svg {
|
|
width: 16px;
|
|
height: 16px;
|
|
padding-top: 2px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body></body>
|
|
|
|
</html>
|