publish online book

Author: zhongsp

docs/404.html

@@ -8,6 +8,7 @@ Original by Dempfi (https://github.com/dempfi/ayu)
  overflow-x: auto;
  background: #191f26;
  color: #e6e1cf;
+ padding: 0.5em;
 }
 
 .hljs-comment,

docs/PREFACE.html

@@ -4,16 +4,14 @@
 window.onunload = function () { };
 
 // Global variable, shared between modules
-function playground_text(playground, hidden = true) {
+function playground_text(playground) {
  let code_block = playground.querySelector("code");
 
  if (window.ace && code_block.classList.contains("editable")) {
  let editor = window.ace.edit(code_block);
  return editor.getValue();
- } else if (hidden) {
- return code_block.textContent;
  } else {
- return code_block.innerText;
+ return code_block.textContent;
  }
 }
 
@@ -68,7 +66,7 @@ function playground_text(playground, hidden = true) {
  }
 
  // updates the visibility of play button based on `no_run` class and
- // used crates vs ones available on https://play.rust-lang.org
+ // used crates vs ones available on http://play.rust-lang.org
  function update_play_button(pre_block, playground_crates) {
  var play_button = pre_block.querySelector(".play-button");
 
@@ -168,6 +166,7 @@ function playground_text(playground, hidden = true) {
  .filter(function (node) {return node.classList.contains("editable"); })
  .forEach(function (block) { block.classList.remove('language-rust'); });
 
+ Array
  code_nodes
  .filter(function (node) {return !node.classList.contains("editable"); })
  .forEach(function (block) { hljs.highlightBlock(block); });
@@ -179,7 +178,7 @@ function playground_text(playground, hidden = true) {
  // even if highlighting doesn't apply
  code_nodes.forEach(function (block) { block.classList.add('hljs'); });
 
- Array.from(document.querySelectorAll("code.hljs")).forEach(function (block) {
+ Array.from(document.querySelectorAll("code.language-rust")).forEach(function (block) {
 
  var lines = Array.from(block.querySelectorAll('.boring'));
  // If no lines were hidden, return
@@ -301,13 +300,6 @@ function playground_text(playground, hidden = true) {
  themePopup.querySelector("button#" + get_theme()).focus();
  }
 
- function updateThemeSelected() {
- themePopup.querySelectorAll('.theme-selected').forEach(function (el) {
- el.classList.remove('theme-selected');
- });
- themePopup.querySelector("button#" + get_theme()).classList.add('theme-selected');
- }
-
  function hideThemes() {
  themePopup.style.display = 'none';
  themeToggleButton.setAttribute('aria-expanded', false);
@@ -363,7 +355,6 @@ function playground_text(playground, hidden = true) {
 
  html.classList.remove(previousTheme);
  html.classList.add(theme);
- updateThemeSelected();
  }
 
  // Set theme
@@ -601,7 +592,7 @@ function playground_text(playground, hidden = true) {
  text: function (trigger) {
  hideTooltip(trigger);
  let playground = trigger.closest("pre");
- return playground_text(playground, false);
+ return playground_text(playground);
  }
  });
 

docs/ayu-highlight.css

@@ -2,6 +2,12 @@
 
 @import 'variables.css';
 
+::-webkit-scrollbar {
+ background: var(--bg);
+}
+::-webkit-scrollbar-thumb {
+ background: var(--scrollbar);
+}
 html {
  scrollbar-color: var(--scrollbar) var(--bg);
 }
@@ -12,19 +18,6 @@ a > .hljs {
  color: var(--links);
 }
 
-/*
- body-container is necessary because mobile browsers don't seem to like
- overflow-x on the body tag when there is a <meta name="viewport"> tag.
-*/
-#body-container {
- /*
- This is used when the sidebar pushes the body content off the side of
- the screen on small screens. Without it, dragging on mobile Safari
- will want to reposition the viewport in a weird way.
- */
- overflow-x: clip;
-}
-
 /* Menu Bar */
 
 #menu-bar,
@@ -215,63 +208,24 @@ pre {
 pre > .buttons {
  position: absolute;
  z-index: 100;
- right: 0px;
- top: 2px;
- margin: 0px;
- padding: 2px 0px;
+ right: 5px;
+ top: 5px;
 
  color: var(--sidebar-fg);
  cursor: pointer;
- visibility: hidden;
- opacity: 0;
- transition: visibility 0.1s linear, opacity 0.1s linear;
-}
-pre:hover > .buttons {
- visibility: visible;
- opacity: 1
 }
 pre > .buttons :hover {
  color: var(--sidebar-active);
- border-color: var(--icons-hover);
- background-color: var(--theme-hover);
 }
 pre > .buttons i {
  margin-left: 8px;
 }
 pre > .buttons button {
+ color: inherit;
+ background: transparent;
+ border: none;
  cursor: inherit;
- margin: 0px 5px;
- padding: 3px 5px;
- font-size: 14px;
-
- border-style: solid;
- border-width: 1px;
- border-radius: 4px;
- border-color: var(--icons);
- background-color: var(--theme-popup-bg);
- transition: 100ms;
- transition-property: color,border-color,background-color;
- color: var(--icons);
-}
-@media (pointer: coarse) {
- pre > .buttons button {
- /* On mobile, make it easier to tap buttons. */
- padding: 0.3rem 1rem;
- }
-}
-pre > code {
- padding: 1rem;
-}
-
-/* FIXME: ACE editors overlap their buttons because ACE does absolute
- positioning within the code block which breaks padding. The only solution I
- can think of is to move the padding to the outer pre tag (or insert a div
- wrapper), but that would require fixing a whole bunch of CSS rules.
-*/
-.hljs.ace_editor {
- padding: 0rem 0rem;
 }
-
 pre > .result {
  margin-top: 10px;
 }
@@ -514,8 +468,6 @@ ul#searchresults span.teaser em {
  padding: 0;
  list-style: none;
  display: none;
- /* Don't let the children's background extend past the rounded corners. */
- overflow: hidden;
 }
 .theme-popup .default {
  color: var(--icons);
@@ -524,7 +476,7 @@ ul#searchresults span.teaser em {
  width: 100%;
  border: 0;
  margin: 0;
- padding: 2px 20px;
+ padding: 2px 10px;
  line-height: 25px;
  white-space: nowrap;
  text-align: left;
@@ -536,10 +488,8 @@ ul#searchresults span.teaser em {
 .theme-popup .theme:hover {
  background-color: var(--theme-hover);
 }
-
-.theme-selected::before {
- display: inline-block;
- content: "✓";
- margin-left: -14px;
- width: 14px;
+.theme-popup .theme:hover:first-child,
+.theme-popup .theme:hover:last-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
 }

docs/book.js

@@ -22,18 +22,8 @@ body {
 }
 
 code {
- font-family: var(--mono-font) !important;
- font-size: var(--code-font-size);
-}
-
-/* make long words/inline code not x overflow */
-main {
- overflow-wrap: break-word;
-}
-
-/* make wide tables scroll if they overflow */
-.table-wrapper {
- overflow-x: auto;
+ font-family: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace !important;
+ font-size: 0.875em; /* please adjust the ace font size accordingly in editor.js */
 }
 
 /* Don't change font size in headers. */
@@ -90,7 +80,8 @@ h6:target::before {
 
 .content {
  overflow-y: auto;
- padding: 0 5px 50px 5px;
+ padding: 0 15px;
+ padding-bottom: 50px;
 }
 .content main {
  margin-left: auto;
@@ -148,18 +139,6 @@ blockquote {
  border-bottom: .1em solid var(--quote-border);
 }
 
-kbd {
- background-color: var(--table-border-color);
- border-radius: 4px;
- border: solid 1px var(--theme-popup-border);
- box-shadow: inset 0 -1px 0 var(--theme-hover);
- display: inline-block;
- font-size: var(--code-font-size);
- font-family: var(--mono-font);
- line-height: 10px;
- padding: 4px 5px;
- vertical-align: middle;
-}
 
 :not(.footnote-definition) + .footnote-definition,
 .footnote-definition + :not(.footnote-definition) {

docs/css/chrome.css

@@ -6,8 +6,6 @@
  --page-padding: 15px;
  --content-max-width: 750px;
  --menu-bar-height: 50px;
- --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
- --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */
 }
 
 /* Themes */

docs/css/general.css

@@ -61,6 +61,7 @@
  overflow-x: auto;
  background: #f6f7f6;
  color: #000;
+ padding: 0.5em;
 }
 
 .hljs-emphasis {