jekyll-rtd-theme 2.0.3 → 2.0.8

data/_sass/_layout.scss

@@ -1,8 +1,8 @@
 .menu-sm {
   position: fixed;
   bottom: 0;
-  left: -85%;
-  width: 85%;
+  left: -$theme-menu-width-sm;
+  width: $theme-menu-width-sm;
   max-height: 100%;
 
   &.shift {
@@ -29,7 +29,7 @@
     position: fixed;
     top: 0;
     bottom: 0;
-    left: 85%;
+    left: $theme-menu-width-sm;
     min-width: 100%;
   }
 }
@@ -44,6 +44,7 @@
     @extend .menu-md;
 
     .sidebar {
+      // 20px for scroll
       width: $theme-menu-width + 20px;
 
       .header,

data/_sass/_variables.scss

@@ -1,15 +1,12 @@
 // fonts
-$body-font: "Lato", sans-serif;
-$mono-font: monospace;
+$body-font: "Lato", BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;
+$mono-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
 $head-font: "Roboto-Slab", sans-serif;
 
-// reset
-$box-shadow-focus: none;
-
 // theme color
 $theme-blue: #2980b9;
 $theme-red: #e74c3c;
-$theme-offgreen: #1abc9c;
+$theme-green: #1abc9c;
 $theme-orange: #e67e22;
 
 $theme-white: lighten($black, 99%);
@@ -21,12 +18,17 @@ $theme-link-hover: lighten($blue, 10%);
 $theme-link-visited: lighten($purple, 10%);
 
 // theme code
+$theme-code: $theme-black;
+$theme-code-background: $bg-gray;
+$theme-code-inline: $theme-red;
+$theme-code-inline-background: darken($theme-white, 2%);
 
 // theme mask
 $theme-mask-white: transparentize($theme-white, 0.9);
 $theme-mask-black: transparentize($theme-black, 0.9);
 
 // theme menu
+$theme-menu-width-sm: 85%;
 $theme-menu-width: 300px;
 $theme-menu-background: darken($theme-black, 10%);
-$theme-menu-active-background: darken($theme-blue, 20%);
+$theme-menu-active-background: darken($theme-blue, 15%);

data/_sass/class/markdown-body.scss

@@ -1,4 +1,19 @@
 .markdown-body {
+  .d-lang {
+    position: relative;
+
+    &:after {
+      position: absolute;
+      right: 0px;
+      top: 0px;
+      font-family: $mono-font;
+      font-size: $font-size-small;
+      content: attr(data-lang);
+      padding: 0 5px;
+      color: lighten($text-gray-light, 30%);
+    }
+  }
+
   // 400
   font-weight: $font-weight-normal;
 
@@ -20,7 +35,8 @@
   h3,
   h4,
   h5,
-  h6 {
+  h6,
+  dt {
     font-family: $head-font;
   }
 
@@ -29,23 +45,32 @@
     font-size: $body-font-size;
   }
 
-  // ruby highlight fixed
+  // ruby highlight fixed, TODO: line number display
   figure {
     margin: 0;
   }
 
+  .anchor {
+    // overwrite to right
+    float: none;
+    padding-right: 0;
+    margin-left: 3px;
+    // rtl
+    margin-right: 3px;
+  }
+
   // improved
   code,
   tt {
     font-size: $font-size-small;
     border: $border;
-    color: $theme-red;
-    background-color: darken($theme-white, 2%);
+    color: $theme-code-inline;
+    background-color: $theme-code-inline-background;
   }
 
   pre {
     > code {
-      color: $theme-black;
+      color: $theme-code;
     }
   }
 
@@ -53,10 +78,11 @@
   pre {
     font-size: $font-size-small;
     border: $border;
+    background-color: $theme-code-background;
   }
 
-  .highlight pre {
-    background-color: transparent;
+  div.highlighter-rouge {
+    @extend .d-lang;
   }
 
   // search
@@ -65,4 +91,23 @@
       list-style: none;
     }
   }
+
+  // improved checkbox
+  .task-list-item-checkbox {
+    margin-right: 3px;
+  }
+
+  // mermaid improved
+  .mermaid-wrap {
+    @extend .d-lang;
+    // mdl
+    @include shadow-2dp();
+
+    // .mermaid:not([data-processed="true"])
+    .mermaid {
+      font-size: $font-size-small;
+      font-family: $mono-font;
+      white-space: pre;
+    }
+  }
 }

data/_sass/class/sidebar-wrap.scss

@@ -32,6 +32,11 @@
 
   > ul {
     // the first level links
+    > .toc > a {
+      padding-left: $spacer-4 / 2;
+    }
+
+    // the first level links not current
     > .toc:not(.current) > a {
       &:hover {
         background: $theme-mask-white;
@@ -78,7 +83,7 @@
   @for $level from 1 through 11 {
     &.level-#{$level}.current {
       > a {
-        padding-left: 1.5em * ($level - 1 + 0.5);
+        padding-left: $spacer-4 * ($level - 1 + 0.5);
         background: var(--toc-#{$level});
       }
 
@@ -88,7 +93,7 @@
       }
 
       .level-#{$level + 1} > a {
-        padding-left: 1.5em * ($level + 0.5);
+        padding-left: $spacer-4 * ($level + 0.5);
       }
     }
   }

data/_sass/class/{admonition.scss → toasts.scss}

@@ -1,6 +1,12 @@
-.admonition {
+.toasts {
   // fixed note
   font-size: $h4-size;
+  // mdl
+  @include shadow-2dp();
+
+  .title {
+    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14);
+  }
 
   // fixed
   .content {
@@ -22,10 +28,10 @@
   }
 
   &.tip {
-    background-color: lighten($theme-offgreen, 50%);
+    background-color: lighten($theme-green, 50%);
 
     .title {
-      background: lighten($theme-offgreen, 0%);
+      background: lighten($theme-green, 0%);
     }
   }
 

data/_sass/lib/@primer/css/base/README.md

@@ -0,0 +1,24 @@
+---
+bundle: "base"
+generated: true
+---
+
+# Primer CSS: `base` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/base/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/base.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
+
+[scss]: https://sass-lang.com/documentation/syntax#scss

data/_sass/{@primer → lib/@primer/css}/base/normalize.scss

@@ -1,4 +1,5 @@
 // stylelint-disable
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
 
 /**
  * 1. Change the default font family in all browsers (opinionated).

data/_sass/lib/@primer/css/breadcrumb/README.md

@@ -0,0 +1,24 @@
+---
+bundle: "breadcrumb"
+generated: true
+---
+
+# Primer CSS: `breadcrumb` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/breadcrumb/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/breadcrumb.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
+
+[scss]: https://sass-lang.com/documentation/syntax#scss

data/_sass/lib/@primer/css/buttons/README.md

@@ -0,0 +1,24 @@
+---
+bundle: "buttons"
+generated: true
+---
+
+# Primer CSS: `buttons` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/buttons/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/buttons.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
+
+[scss]: https://sass-lang.com/documentation/syntax#scss

data/_sass/lib/@primer/css/forms/README.md

@@ -0,0 +1,24 @@
+---
+bundle: "forms"
+generated: true
+---
+
+# Primer CSS: `forms` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/forms/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/forms.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
+
+[scss]: https://sass-lang.com/documentation/syntax#scss

data/_sass/lib/@primer/css/loaders/README.md

@@ -0,0 +1,24 @@
+---
+bundle: "loaders"
+generated: true
+---
+
+# Primer CSS: `loaders` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/loaders/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/loaders.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
+
+[scss]: https://sass-lang.com/documentation/syntax#scss

data/_sass/lib/@primer/css/markdown/README.md

@@ -0,0 +1,24 @@
+---
+bundle: "markdown"
+generated: true
+---
+
+# Primer CSS: `markdown` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/markdown/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/markdown.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
+
+[scss]: https://sass-lang.com/documentation/syntax#scss

data/_sass/lib/@primer/css/support/README.md

@@ -0,0 +1,24 @@
+---
+bundle: "support"
+generated: true
+---
+
+# Primer CSS: `support` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/support/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/support.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
+
+[scss]: https://sass-lang.com/documentation/syntax#scss