krisyotam/devdocs

.travis.yml+3−0

@@ -1,4 +1,7 @@
1	language: ruby	1	language: ruby
		2
		3	cache: bundler
		4
2	before_script:	5	before_script:
3	- gem update --system	6	- gem update --system
4	- gem install bundler	7	- gem install bundler

Gemfile+1−0

@@ -11,6 +11,7 @@ group :app do · 10 unmodified lines
11	gem 'rack'	11	gem 'rack'
12	gem 'sinatra'	12	gem 'sinatra'
13	gem 'sinatra-contrib'	13	gem 'sinatra-contrib'
		14	gem 'rack-ssl-enforcer'
14	gem 'thin'	15	gem 'thin'
15	gem 'sprockets'	16	gem 'sprockets'
16	gem 'sprockets-helpers'	17	gem 'sprockets-helpers'

Gemfile.lock+30−26

 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (5.2.0)
+    activesupport (5.2.1)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 0.7, < 2)
       minitest (~> 5.1)
       tzinfo (~> 1.1)
-    backports (3.11.3)
+    backports (3.11.4)
-    better_errors (2.4.0)
+    better_errors (2.5.0)
       coderay (>= 1.0.0)
       erubi (>= 1.0.0)
       rack (>= 0.9.0)
     exifr (1.3.4)
     ffi (1.9.25)
     fspath (3.1.0)
-    highline (1.7.10)
+    highline (2.0.0)
     html-pipeline (2.8.4)
       activesupport (>= 2)
       nokogiri (>= 1.4)
-    i18n (1.0.1)
+    i18n (1.1.1)
       concurrent-ruby (~> 1.0)
-    image_optim (0.26.1)
+    image_optim (0.26.3)
       exifr (~> 1.2, >= 1.2.2)
       fspath (~> 3.0)
-      image_size (~> 1.5)
+      image_size (>= 1.5, < 3)
       in_threads (~> 1.3)
       progress (~> 3.0, >= 3.0.1)
     image_optim_pack (0.5.1)
       fspath (>= 2.1, < 4)
       image_optim (~> 0.19)
-    image_size (1.5.0)
+    image_size (2.0.0)
     in_threads (1.5.0)
     method_source (0.9.0)
     mini_portile2 (2.3.0)
     minitest (5.11.3)
     multi_json (1.13.1)
-    mustermann (1.0.2)
+    mustermann (1.0.3)
-    newrelic_rpm (5.2.0.345)
+    newrelic_rpm (5.4.0.347)
-    nokogiri (1.8.4)
+    nokogiri (1.8.5)
       mini_portile2 (~> 2.3.0)
     options (2.3.2)
-    progress (3.4.0)
+    progress (3.5.0)
-    progress_bar (1.2.0)
+    progress_bar (1.3.0)
-      highline (~> 1.6)
+      highline (>= 1.6, < 3)
       options (~> 2.3.0)
     pry (0.11.3)
       coderay (~> 1.1.0)
       method_source (~> 0.9.0)
     rack (2.0.5)
-    rack-protection (2.0.3)
+    rack-protection (2.0.4)
       rack
+    rack-ssl-enforcer (0.2.9)
     rack-test (1.1.0)
       rack (>= 1.0, < 3)
     rake (12.3.1)
     rb-inotify (0.9.10)
       ffi (>= 0.5.0, < 2)
     rr (1.2.1)
-    sass (3.5.7)
+    sass (3.6.0)
       sass-listen (~> 4.0.0)
     sass-listen (4.0.0)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
-    sinatra (2.0.3)
+    sinatra (2.0.4)
       mustermann (~> 1.0)
       rack (~> 2.0)
-      rack-protection (= 2.0.3)
+      rack-protection (= 2.0.4)
       tilt (~> 2.0)
-    sinatra-contrib (2.0.3)
+    sinatra-contrib (2.0.4)
       activesupport (>= 4.0.0)
       backports (>= 2.8.2)
       multi_json
       mustermann (~> 1.0)
-      rack-protection (= 2.0.3)
+      rack-protection (= 2.0.4)
-      sinatra (= 2.0.3)
+      sinatra (= 2.0.4)
       tilt (>= 1.3, < 3)
     sprockets (3.7.2)
       concurrent-ruby (~> 1.0)
       sprockets (>= 2.2)
     sprockets-sass (2.0.0.beta2)
       sprockets (>= 2.0, < 4.0)
-    strings (0.1.1)
+    strings (0.1.4)
-      unicode-display_width (~> 1.3.0)
+      strings-ansi (~> 0.1.0)
+      unicode-display_width (~> 1.4.0)
       unicode_utils (~> 1.4.0)
+    strings-ansi (0.1.0)
     thin (1.7.2)
       daemons (~> 1.0, >= 1.0.9)
       eventmachine (~> 1.0, >= 1.0.4)
       ethon (>= 0.9.0)
     tzinfo (1.2.5)
       thread_safe (~> 0.1)
-    uglifier (4.1.17)
+    uglifier (4.1.19)
       execjs (>= 0.3.0, < 3)
-    unicode-display_width (1.3.3)
+    unicode-display_width (1.4.0)
     unicode_utils (1.4.0)
     unix_utils (0.0.15)
     yajl-ruby (1.4.1)
   progress_bar
   pry (~> 0.11.0)
   rack
+  rack-ssl-enforcer
   rack-test
   rake
   rr
    ruby 2.5.1p57
 BUNDLED WITH
-   1.16.4
+   1.16.6

README.md+4−8

 DevDocs being a developer tool, the browser requirements are high:
-1. On the desktop:
+* Recent versions of Firefox, Chrome, or Opera
-  * Recent version of Chrome, Firefox, or Opera
+* Safari 9.1+
-  * Safari 8+
+* Edge 16+
-  * IE / Edge 10+
+* iOS 10+
-2. On mobile:
-  * iOS 8+
-  * Android 4.1+
-  * Windows Phone 8+
 This allows the code to take advantage of the latest DOM and HTML5 APIs and make developing DevDocs a lot more fun!

assets/javascripts/app/app.coffee+1−6

         matchMedia:         !!window.matchMedia
         insertAdjacentHTML: !!document.body.insertAdjacentHTML
         defaultPrevented:     document.createEvent('CustomEvent').defaultPrevented is false
-        cssGradients:         supportsCssGradients()
+        cssVariables:         CSS.supports and CSS.supports('(--t: 0)')
       for key, value of features when not value
         Raven.captureMessage "unsupported/#{key}", level: 'info'
   isInvalidLocation: ->
     @config.env is 'production' and location.host.indexOf(app.config.production_host) isnt 0
-supportsCssGradients = ->
-  el = document.createElement('div')
-  el.style.cssText = "background-image: -webkit-linear-gradient(top, #000, #fff); background-image: linear-gradient(to top, #000, #fff);"
-  el.style.backgroundImage.indexOf('gradient') >= 0
 $.extend app, Events

assets/javascripts/lib/page.coffee+1−1

@@ -190,7 +190,7 @@ isSameOrigin = (url) -> · 189 unmodified lines
190		190
191	updateCanonicalLink = ->	191	updateCanonicalLink = ->
192	@canonicalLink \|\|= document.head.querySelector('link[rel="canonical"]')	192	@canonicalLink \|\|= document.head.querySelector('link[rel="canonical"]')
193	@canonicalLink.setAttribute('href', "http://#{location.host}#{location.pathname}")	193	@canonicalLink.setAttribute('href', "https://#{location.host}#{location.pathname}")
194		194
195	trackers = []	195	trackers = []
196		196

assets/javascripts/news.json+3−0

 [
   [
+    "2018-09-23",
+    "New documentations: <a href=\"/puppeteer/\">Puppeteer</a> and <a href=\"/handlebars/\">Handlebars.js</a>"
+  ], [
     "2018-08-12",
     "New documentations: <a href=\"/dart/\">Dart</a> and <a href=\"/qt/\">Qt</a>"
   ], [

assets/javascripts/templates/error_tmpl.coffee+4−7

     <h1 class="_fail-title">Your browser is unsupported, sorry.</h1>
     <p class="_fail-text">DevDocs is an API documentation browser which supports the following browsers:
     <ul class="_fail-list">
-      <li>Recent versions of Chrome and Firefox
+      <li>Recent versions of Firefox, Chrome, or Opera
-      <li>Safari 5.1+
+      <li>Safari 9.1+
-      <li>Opera 12.1+
+      <li>Edge 16+
-      <li>Internet Explorer 10+
+      <li>iOS 10+
-      <li>iOS 6+
-      <li>Android 4.1+
-      <li>Windows Phone 8+
     </ul>
     <p class="_fail-text">
       If you're unable to upgrade, I apologize.

assets/javascripts/templates/pages/about_tmpl.coffee+10−0

     'GruntJS Team',
     'MIT',
     'https://github.com/gruntjs/grunt-docs/blob/master/package.json#L10'
+  ], [
+    'Handlebars',
+    '2011-2017 Yehuda Katz',
+    'MIT',
+    'https://raw.githubusercontent.com/wycats/handlebars.js/master/LICENSE'
   ], [
     'Haskell',
     'The University of Glasgow',
     '1996-2018 The PostgreSQL Global Development Group<br>&copy; 1994 The Regents of the University of California',
     'PostgreSQL',
     'https://www.postgresql.org/about/licence/'
+  ], [
+    'Puppeteer',
+    '2017 Google Inc',
+    'Apache',
+    'https://raw.githubusercontent.com/GoogleChrome/puppeteer/master/LICENSE'
   ], [
     'Pygame',
     'Pygame Developpers',

assets/javascripts/templates/pages/root_tmpl.coffee.erb+0−11

@@ -72,14 +72,3 @@ app.templates.androidWarning = """ · 71 unmodified lines
72	<p>To install DevDocs on your phone, visit <a href="https://devdocs.io" target="_blank" rel="noopener">devdocs.io</a> in Chrome and select "Add to home screen" in the menu.	72	<p>To install DevDocs on your phone, visit <a href="https://devdocs.io" target="_blank" rel="noopener">devdocs.io</a> in Chrome and select "Add to home screen" in the menu.
73	</div>	73	</div>
74	"""	74	"""
75
76	app.templates.httpWarning = """
77	<div class="_intro"><div class="_intro-message">
78	<h2 class="_intro-title">Hi there!</h2>
79	<p>DevDocs is migrating to HTTPS.
80	<p>Please update your bookmarks to point to <a href="https://devdocs.io">https://devdocs.io</a>.
81	<p>When using the HTTPS version, your preferences will carry over automatically, but your offline data will be reset. Simply re-download documentation in the <a href="https://devdocs.io/offline">Offline area</a>, and you'll be all set to use DevDocs securely offline.
82	<p>Sorry for the inconvenience. This migration is needed because browsers are removing support for certain DOM APIs that power DevDocs's offline mode over non-secure origins.
83	<p>Thanks for using DevDocs, and happy coding!
84	</div></div>
85	"""

assets/javascripts/views/content/root_page.coffee+0−4

@@ -19,10 +19,6 @@ class app.views.RootPage extends app.View · 18 unmodified lines
19	else	19	else
20	'intro'	20	'intro'
21		21
22	# temporary
23	if location.host is 'devdocs.io' and location.protocol is 'http:'
24	tmpl = 'httpWarning'
25
26	@append @tmpl(tmpl)	22	@append @tmpl(tmpl)
27	return	23	return
28		24

assets/javascripts/views/content/settings_page.coffee+3−4

     'Preferences'
   toggleDark: (enable) ->
-    css = $('link[rel="stylesheet"][data-alt]')
+    html = document.documentElement
-    alt = css.getAttribute('data-alt')
+    html.classList.toggle('_theme-default')
-    css.setAttribute('data-alt', css.getAttribute('href'))
+    html.classList.toggle('_theme-dark')
-    css.setAttribute('href', alt)
     app.settings.set('dark', !!enable)
     app.appCache?.updateInBackground()
     return

assets/stylesheets/application-dark.css.scss+0−107

@@ -1,107 +0,0 @@
1	//= depend_on sprites/docs.png
2	//= depend_on sprites/docs@2x.png
3	//= depend_on sprites/docs.json
4
5	/*!
6	* Copyright 2013-2018 Thibaut Courouble and other contributors
7	*
8	* This source code is licensed under the terms of the Mozilla
9	* Public License, v. 2.0, a copy of which may be obtained at:
10	* http://mozilla.org/MPL/2.0/
11	*/
12
13	@import 'global/variables-dark',
14	'global/mixins',
15	'global/icons',
16	'global/classes',
17	'global/base';
18
19	@import 'components/app',
20	'components/header',
21	'components/notif',
22	'components/sidebar',
23	'components/settings',
24	'components/content',
25	'components/page',
26	'components/fail',
27	'components/path',
28	'components/notice',
29	'components/prism',
30	'components/mobile';
31
32	@import 'pages/simple',
33	'pages/angular',
34	'pages/angularjs',
35	'pages/apache',
36	'pages/async',
37	'pages/bash',
38	'pages/bootstrap',
39	'pages/c',
40	'pages/cakephp',
41	'pages/clojure',
42	'pages/codeception',
43	'pages/coffeescript',
44	'pages/cordova',
45	'pages/crystal',
46	'pages/d',
47	'pages/d3',
48	'pages/dart',
49	'pages/dojo',
50	'pages/drupal',
51	'pages/elixir',
52	'pages/ember',
53	'pages/erlang',
54	'pages/express',
55	'pages/git',
56	'pages/github',
57	'pages/go',
58	'pages/graphite',
59	'pages/haskell',
60	'pages/jekyll',
61	'pages/jquery',
62	'pages/julia',
63	'pages/knockout',
64	'pages/kotlin',
65	'pages/laravel',
66	'pages/liquid',
67	'pages/love',
68	'pages/lua',
69	'pages/mdn',
70	'pages/meteor',
71	'pages/modernizr',
72	'pages/moment',
73	'pages/nginx',
74	'pages/node',
75	'pages/npm',
76	'pages/openjdk',
77	'pages/perl',
78	'pages/phalcon',
79	'pages/phaser',
80	'pages/php',
81	'pages/phpunit',
82	'pages/postgres',
83	'pages/pug',
84	'pages/python',
85	'pages/qt',
86	'pages/ramda',
87	'pages/rdoc',
88	'pages/react_native',
89	'pages/redis',
90	'pages/rethinkdb',
91	'pages/rfc',
92	'pages/rubydoc',
93	'pages/rust',
94	'pages/sinon',
95	'pages/socketio',
96	'pages/sphinx',
97	'pages/sphinx_simple',
98	'pages/sqlite',
99	'pages/support_tables',
100	'pages/tcl_tk',
101	'pages/tensorflow',
102	'pages/terraform',
103	'pages/underscore',
104	'pages/vue',
105	'pages/webpack',
106	'pages/yard',
107	'pages/yii';

assets/stylesheets/application.css.scss+3−1

  * http://mozilla.org/MPL/2.0/
  */
-@import 'global/variables',
+@import 'global/variables-light',
+        'global/variables-dark',
+        'global/variables',
         'global/mixins',
         'global/icons',
         'global/classes',

assets/stylesheets/components/_app.scss+5−5

@@ -1,6 +1,6 @@
1	html._booting { background: $contentBackground; }	1	html._booting { background: var(--contentBackground); }
2	body._max-width { background: none; }	2	body._max-width { background: none; }
3	html._booting body._max-width { background: $documentBackground; }	3	html._booting body._max-width { background: var(--documentBackground); }
4		4
5	._app {	5	._app {
6	position: relative;	6	position: relative;
@@ -15,8 +15,8 @@ html._booting body._max-width { background: $documentBackground; } · 8 unmodified lines
15		15
16	._max-width & {	16	._max-width & {
17	margin: 0 auto;	17	margin: 0 auto;
18	max-width: $maxWidth;	18	max-width: var(--maxWidth);
19	background: $contentBackground;	19	background: var(--contentBackground);
20	box-shadow: 1px 0 $headerBorder, -1px 0 $headerBorder;	20	box-shadow: 1px 0 var(--headerBorder), -1px 0 var(--headerBorder);
21	}	21	}
22	}	22	}

assets/stylesheets/components/_content.scss+27−32

@@ -4,13 +4,13 @@ · 3 unmodified lines
4		4
5	._container {	5	._container {
6	position: relative;	6	position: relative;
7	z-index: $contentZ;	7	z-index: var(--contentZ);
8	height: 100%;	8	height: 100%;
9	margin-left: $sidebarWidth;	9	margin-left: var(--sidebarWidth);
10	pointer-events: none;	10	pointer-events: none;
11	@extend %border-box;	11	@extend %border-box;
12		12
13	@media #{$mediumScreen} { margin-left: $sidebarMediumWidth; }	13	@include mobile { margin-left: var(--sidebarMediumWidth); }
14		14
15	._sidebar-hidden & { margin-left: 0; }	15	._sidebar-hidden & { margin-left: 0; }
16	body:not(._native-scrollbars) & { -webkit-margin-end: -1px; }	16	body:not(._native-scrollbars) & { -webkit-margin-end: -1px; }
@@ -30,7 +30,7 @@ · 13 unmodified lines
30	._sidebar-hidden &:before {	30	._sidebar-hidden &:before {
31	content: '';	31	content: '';
32	display: block;	32	display: block;
33	margin-top: $headerHeight;	33	margin-top: var(--headerHeight);
34	}	34	}
35		35
36	._overlay-scrollbars & { padding-left: .625rem; }	36	._overlay-scrollbars & { padding-left: .625rem; }
@@ -54,7 +54,7 @@ · 17 unmodified lines
54	font-size: 4rem;	54	font-size: 4rem;
55	font-weight: 300;	55	font-weight: 300;
56	letter-spacing: -.125rem;	56	letter-spacing: -.125rem;
57	color: $loadingText;	57	color: var(--loadingText);
58	text-align: center;	58	text-align: center;
59	cursor: default;	59	cursor: default;
60	}	60	}
@@ -68,7 +68,7 @@ · 7 unmodified lines
68	//	68	//
69		69
70	._splash-title {	70	._splash-title {
71	color: $splashText;	71	color: var(--splashText);
72	@extend %loading, %user-select-none;	72	@extend %loading, %user-select-none;
73	}	73	}
74		74
@@ -88,7 +88,7 @@ · 13 unmodified lines
88	min-height: calc(100vh - 2.375rem);	88	min-height: calc(100vh - 2.375rem);
89		89
90	._sidebar-hidden & {	90	._sidebar-hidden & {
91	min-height: calc(100vh - 2.375rem - #{$headerHeight});	91	min-height: calc(100vh - 2.375rem - var(--headerHeight));
92	}	92	}
93	}	93	}
94		94
@@ -140,12 +140,12 @@ · 45 unmodified lines
140		140
141	._error-text {	141	._error-text {
142	margin: 0 0 1rem;	142	margin: 0 0 1rem;
143	color: $textColorLight;	143	color: var(--textColorLight);
144	}	144	}
145		145
146	._error-links {	146	._error-links {
147	font-size: 1rem;	147	font-size: 1rem;
148	font-weight: $boldFontWeight;	148	font-weight: var(--boldFontWeight);
149	}	149	}
150		150
151	._error-link { padding: 0 .5rem; }	151	._error-link { padding: 0 .5rem; }
@@ -167,7 +167,7 @@ · 15 unmodified lines
167	height: 1px;	167	height: 1px;
168	margin-top: .25rem;	168	margin-top: .25rem;
169	margin-left: 1rem;	169	margin-left: 1rem;
170	background: $boxBorderLight;	170	background: var(--boxBorderLight);
171	}	171	}
172	}	172	}
173		173
@@ -197,7 +197,7 @@ · 23 unmodified lines
197	._toc-title {	197	._toc-title {
198	margin: 0 0 .5rem;	198	margin: 0 0 .5rem;
199	font-size: inherit;	199	font-size: inherit;
200	font-weight: $boldFontWeight;	200	font-weight: var(--boldFontWeight);
201	}	201	}
202		202
203	._toc-list {	203	._toc-list {
@@ -252,7 +252,7 @@ · 48 unmodified lines
252	._docs-size {	252	._docs-size {
253	text-align: right;	253	text-align: right;
254		254
255	> small { color: $textColorLight; }	255	> small { color: var(--textColorLight); }
256	}	256	}
257		257
258	._docs-tools {	258	._docs-tools {
@@ -285,7 +285,7 @@ · 26 unmodified lines
285	padding: 0 .75rem;	285	padding: 0 .75rem;
286	}	286	}
287	._btn-link:not(._show) { display: none; }	287	._btn-link:not(._show) { display: none; }
288	._btn-link._show ~ ._btn-link._show { border-left: 1px solid $boxBorder; }	288	._btn-link._show ~ ._btn-link._show { border-left: 1px solid var(--boxBorder); }
289	}	289	}
290		290
291	//	291	//
@@ -297,7 +297,7 @@ · 5 unmodified lines
297	position: relative;	297	position: relative;
298	padding-left: 10em;	298	padding-left: 10em;
299	font-size: .8125rem;	299	font-size: .8125rem;
300	color: $textColorLight;	300	color: var(--textColorLight);
301		301
302	+ ._news-row { margin-top: 1em; }	302	+ ._news-row { margin-top: 1em; }
303	}	303	}
@@ -305,7 +305,7 @@ · 1 unmodified line
305	._news-title {	305	._news-title {
306	display: block;	306	display: block;
307	font-size: .875rem;	307	font-size: .875rem;
308	color: $textColor;	308	color: var(--textColor);
309	}	309	}
310		310
311	._news-date {	311	._news-date {
@@ -372,12 +372,12 @@ · 60 unmodified lines
372	// Utilities	372	// Utilities
373	//	373	//
374		374
375	._bold { font-weight: $boldFontWeight; }	375	._bold { font-weight: var(--boldFontWeight); }
376	._note { @extend %note; }	376	._note { @extend %note; }
377	._note-green { @extend %note-green; }	377	._note-green { @extend %note-green; }
378	._label { @extend %label; }	378	._label { @extend %label; }
379	._code { @extend %code; }	379	._code { @extend %code; }
380	._highlight { background: $highlightBackground !important; }	380	._highlight { background: var(--highlightBackground) !important; }
381		381
382	._table { width: 100%; }	382	._table { width: 100%; }
383	._mobile ._table { overflow-x: auto; }	383	._mobile ._table { overflow-x: auto; }
@@ -396,12 +396,9 @@ · 12 unmodified lines
396	pre:hover > & { display: block; }	396	pre:hover > & { display: block; }
397	&:hover { opacity: 1; }	397	&:hover { opacity: 1; }
398		398
399	> svg { @extend %svg-icon; }	399	> svg {
400		400	@extend %svg-icon;
401	@if $style == 'dark' {	401	fill: var(--absolute);
402	> svg { fill: white; }
403	} @else {
404	> svg { fill: black; }
405	}	402	}
406		403
407	&._pre-clip-success > svg,	404	&._pre-clip-success > svg,
@@ -419,15 +416,13 @@ · 11 unmodified lines
419	line-height: normal;	416	line-height: normal;
420	white-space: nowrap;	417	white-space: nowrap;
421	padding: .375rem .675rem;	418	padding: .375rem .675rem;
422	background-image: linear-gradient(lighten($boxBackground, 4%), darken($boxBackground, 2%));	419	background-color: var(--boxBackground);
423	border: 1px solid $boxBorder;	420	border: 1px solid var(--boxBorder);
424	border-radius: 3px;	421	border-radius: 3px;
425	box-shadow: 0 1px rgba($boxBorder, .08);
426	cursor: pointer;	422	cursor: pointer;
427		423
428	&:active {	424	&:active {
429	background-color: $boxBackground;	425	box-shadow: inset 0 1px 1px rgba(black, .05), inset 0 1px 4px var(--boxBorder);
430	box-shadow: inset 0 1px 1px rgba(black, .05), inset 0 1px 4px $boxBorder;
431	}	426	}
432	}	427	}
433		428
@@ -447,18 +442,18 @@ · 13 unmodified lines
447		442
448	._btn-link {	443	._btn-link {
449	line-height: inherit;	444	line-height: inherit;
450	color: $linkColor;	445	color: var(--linkColor);
451	text-decoration: $linkTextDecoration;	446	text-decoration: var(--linkTextDecoration);
452		447
453	&:hover {	448	&:hover {
454	color: $linkColorHover;	449	color: var(--linkColorHover);
455	text-decoration: underline;	450	text-decoration: underline;
456	}	451	}
457	}	452	}
458		453
459	._reset-btn,	454	._reset-btn,
460	._reset-btn:hover {	455	._reset-btn:hover {
461	color: $textColorRed;	456	color: var(--textColorRed);
462	}	457	}
463		458
464	._github-btn {	459	._github-btn {

assets/stylesheets/components/_fail.scss+2−2

@@ -1,4 +1,4 @@
1	._fail {	1	._fail { // Don't use CSS variables, in case the browser doesn't support them.
2	display: block;	2	display: block;
3	position: relative;	3	position: relative;
4	top: 1.5rem;	4	top: 1.5rem;
@@ -23,7 +23,7 @@ · 18 unmodified lines
23	._fail-title {	23	._fail-title {
24	margin: 0 0 1rem;	24	margin: 0 0 1rem;
25	font-size: 1rem;	25	font-size: 1rem;
26	font-weight: $boldFontWeight;	26	font-weight: bold;
27	}	27	}
28		28
29	._fail-text, ._fail-list {	29	._fail-text, ._fail-list {

assets/stylesheets/components/_header.scss+25−35

 ._header {
   position: absolute;
-  z-index: $headerZ;
+  z-index: var(--headerZ);
   top: 0;
   left: 0;
   display: -ms-flexbox;
   display: flex;
-  width: $sidebarWidth;
+  width: var(--sidebarWidth);
-  height: $headerHeight;
+  height: var(--headerHeight);
-  background: $headerBackground;
+  background: var(--headerBackground);
-  border-bottom: 1px solid $headerBorder;
+  border-bottom: 1px solid var(--headerBorder);
-  border-right: 1px solid $headerBorder;
+  border-right: 1px solid var(--headerBorder);
   @extend %border-box;
   @extend %user-select-none;
-  @media #{$mediumScreen} { width: $sidebarMediumWidth; }
+  @include mobile { width: var(--sidebarMediumWidth); }
 }
 ._header-left {
   flex: 0 0 auto;
   width: 2.25rem;
   height: 100%;
-  color: $textColorLight;
+  color: var(--textColorLight);
   text-align: center;
   &[hidden] { display: none; }
   word-wrap: normal;
   overflow-wrap: normal;
   font-size: .875rem;
-  background: $contentBackground;
+  background: var(--contentBackground);
-  border: 1px solid $headerBorder;
+  border: 1px solid var(--headerBorder);
   border-radius: 3px;
   box-shadow: -1px 1px 1px rgba(black, .05);
   transition: all 0ms cubic-bezier(0.23, 1, 0.32, 1) 1ms;
   margin: 0;
   line-height: 1.5rem;
   font-size: 1rem;
-  font-weight: $boldFontWeight;
+  font-weight: var(--boldFontWeight);
   letter-spacing: -.5px;
-  background: $sidebarBackground;
+  background: var(--sidebarBackground);
-  border-bottom: 1px solid $sidebarBorder;
+  border-bottom: 1px solid var(--sidebarBorder);
   border-radius: 2px 2px 0 0;
 }
 ._menu-title-link:hover {
   display: block;
   padding: .5rem 1rem;
-  color: $focusText;
+  color: var(--focusText);
   text-decoration: none;
 }
   text-decoration: none;
   &:hover {
-    color: $focusText;
+    color: var(--focusText);
     text-decoration: none;
-    background: $sidebarBackground;
+    background: var(--sidebarBackground);
   }
   &:last-child { border-radius: 0 0 2px 2px; }
     opacity: .42;
     @extend %svg-icon;
-    @if $style == 'dark' {
+    fill: var(--absolute);
-      fill: white;
-    } @else {
-      fill: black;
-    }
   }
 }
   height: 100%;
   padding: 0 .75rem 1px 1.75rem;
   font-size: .875rem;
-  background: $contentBackground;
+  background: var(--contentBackground);
   border: 1px solid;
-  border-color: darken($headerBorder, 2%);
+  border-color: var(--searchBorder);
   border-radius: 3px;
   &:focus {
     outline: 0;
-    @if $inputFocusBorder {
+    border-color: var(--inputFocusBorder);
-      border-color: $inputFocusBorder;
+    box-shadow: 0 0 1px var(--inputFocusBorder);
-      box-shadow: 0 0 1px $inputFocusBorder;
-    }
   }
   &[disabled] {
-    background: $sidebarBackground;
+    background: var(--sidebarBackground);
     cursor: not-allowed;
   }
 }
     top: .5rem;
     left: .375rem;
     @extend %svg-icon;
+    fill: var(--absolute);
   }
-  @if $style == 'dark' {
-    > svg { fill: white; }
-  } @else {
-    > svg { fill: black; }
-  }
   ._search-active > & { display: block; }
 }
   line-height: 1.25rem;
   max-width: 50%;
   font-size: .8125rem;
-  color: $textColorLight;
+  color: var(--textColorLight);
-  background: darken($headerBackground, 5%);
+  background: var(--searchTagBackground);
   border-radius: 2px;
   @extend %truncate-text;
 }

assets/stylesheets/components/_mobile.scss+2−2

@@ -4,7 +4,7 @@ · 3 unmodified lines
4		4
5	._mobile {	5	._mobile {
6	font-size: 100%;	6	font-size: 100%;
7	background: $contentBackground;	7	background: var(--contentBackground);
8		8
9	._hide-on-mobile { display: none; }	9	._hide-on-mobile { display: none; }
10		10
@@ -18,7 +18,7 @@ · 7 unmodified lines
18		18
19	._container {	19	._container {
20	margin: 0;	20	margin: 0;
21	padding-top: $headerHeight;	21	padding-top: var(--headerHeight);
22	}	22	}
23		23
24	._content {	24	._content {

assets/stylesheets/components/_notice.scss+5−5

@@ -1,15 +1,15 @@
1	._notice {	1	._notice {
2	position: absolute;	2	position: absolute;
3	z-index: $noticeZ;	3	z-index: var(--noticeZ);
4	bottom: 0;	4	bottom: 0;
5	left: $sidebarWidth;	5	left: var(--sidebarWidth);
6	right: 0;	6	right: 0;
7	height: 2.5rem;	7	height: 2.5rem;
8	padding: 0 1.25rem;	8	padding: 0 1.25rem;
9	background: $noticeBackground;	9	background: var(--noticeBackground);
10	box-shadow: inset 0 1px $noticeBorder;	10	box-shadow: inset 0 1px var(--noticeBorder);
11		11
12	@media #{$mediumScreen} { left: $sidebarMediumWidth; }	12	@include mobile { left: var(--sidebarMediumWidth); }
13		13
14	._sidebar-hidden & { left: 0; }	14	._sidebar-hidden & { left: 0; }
15		15

assets/stylesheets/components/_notif.scss+12−12

@@ -7,9 +7,9 @@ · 6 unmodified lines
7	max-width: 90%;	7	max-width: 90%;
8	padding: .625rem 1rem;	8	padding: .625rem 1rem;
9	font-size: .75rem;	9	font-size: .75rem;
10	color: $notifColor;	10	color: var(--notifColor);
11	background: $notifBackground;	11	background: var(--notifBackground);
12	border: $notifBorder;	12	border: var(--notifBorder);
13	border-radius: .25rem;	13	border-radius: .25rem;
14	transition: opacity .2s;	14	transition: opacity .2s;
15	opacity: 0;	15	opacity: 0;
@@ -30,7 +30,7 @@ · 14 unmodified lines
30		30
31	._notif-info {	31	._notif-info {
32	float: right;	32	float: right;
33	color: $notifColorLight;	33	color: var(--notifColorLight);
34	}	34	}
35		35
36	._notif-link,	36	._notif-link,
@@ -69,13 +69,13 @@ · 32 unmodified lines
69	&::-webkit-scrollbar { width: 10px !important; }	69	&::-webkit-scrollbar { width: 10px !important; }
70		70
71	&::-webkit-scrollbar-track {	71	&::-webkit-scrollbar-track {
72	background: $notifBackground !important;	72	background: var(--notifBackground) !important;
73	border: 0 !important;	73	border: 0 !important;
74	border-radius: 5px !important;	74	border-radius: 5px !important;
75	}	75	}
76		76
77	&::-webkit-scrollbar-thumb {	77	&::-webkit-scrollbar-thumb {
78	border: 3px solid $notifBackground !important;	78	border: 3px solid var(--notifBackground) !important;
79		79
80	&:hover, &:active { border-width: 2px !important; }	80	&:hover, &:active { border-width: 2px !important; }
81	}	81	}
@@ -90,7 +90,7 @@ · 8 unmodified lines
90	> ._news-row {	90	> ._news-row {
91	line-height: 1.125rem;	91	line-height: 1.125rem;
92	font-size: .6875rem;	92	font-size: .6875rem;
93	color: $notifColorLight;	93	color: var(--notifColorLight);
94	margin-bottom: .25rem;	94	margin-bottom: .25rem;
95		95
96	+ ._news-row { margin-top: .625rem; }	96	+ ._news-row { margin-top: .625rem; }
@@ -107,7 +107,7 @@ · 10 unmodified lines
107	._news-date {	107	._news-date {
108	float: right;	108	float: right;
109	margin-left: 1rem;	109	margin-left: 1rem;
110	font-weight: $boldFontWeight;	110	font-weight: var(--boldFontWeight);
111	}	111	}
112		112
113	code {	113	code {
@@ -128,9 +128,9 @@ · 14 unmodified lines
128	}	128	}
129		129
130	._notif-tip {	130	._notif-tip {
131	color: $textColor;	131	color: var(--textColor);
132	background: $tipBackground;	132	background: var(--tipBackground);
133	border: $tipBorder;	133	border: var(--tipBorder);
134		134
135	._notif-info { color: $textColorLight; }	135	._notif-info { color: var(--textColorLight); }
136	}	136	}

assets/stylesheets/components/_page.scss+4−4

@@ -23,7 +23,7 @@ · 22 unmodified lines
23	max-width: 100%;	23	max-width: 100%;
24	margin-bottom: 1em;	24	margin-bottom: 1em;
25	padding: 1px;	25	padding: 1px;
26	border: 1px dotted $boxBorder;	26	border: 1px dotted var(--boxBorder);
27	border-radius: 3px;	27	border-radius: 3px;
28	@extend %border-box;	28	@extend %border-box;
29	}	29	}
@@ -50,7 +50,7 @@ · 20 unmodified lines
50	display: inline-block;	50	display: inline-block;
51	vertical-align: top;	51	vertical-align: top;
52	padding: 0 .5rem;	52	padding: 0 .5rem;
53	background: $contentBackground;	53	background: var(--contentBackground);
54	@extend %internal-link;	54	@extend %internal-link;
55		55
56	& + & { margin-left: .75rem; }	56	& + & { margin-left: .75rem; }
@@ -66,7 +66,7 @@ · 9 unmodified lines
66	clear: both;	66	clear: both;
67	margin: 2rem 0 1.5rem;	67	margin: 2rem 0 1.5rem;
68	font-size: .75rem;	68	font-size: .75rem;
69	color: $textColorLight;	69	color: var(--textColorLight);
70	text-align: center;	70	text-align: center;
71	-webkit-font-smoothing: subpixel-antialiased;	71	-webkit-font-smoothing: subpixel-antialiased;
72		72
@@ -78,7 +78,7 @@ · 5 unmodified lines
78	display: inline-block;	78	display: inline-block;
79	margin: 0;	79	margin: 0;
80	padding: .25rem .75rem;	80	padding: .25rem .75rem;
81	background: $labelBackground;	81	background: var(--labelBackground);
82	border-radius: 3px;	82	border-radius: 3px;
83	}	83	}
84		84

assets/stylesheets/components/_path.scss+6−6

@@ -1,17 +1,17 @@
1	._path {	1	._path {
2	position: absolute;	2	position: absolute;
3	z-index: $noticeZ - 1;	3	z-index: var(--headerZ);
4	bottom: 0;	4	bottom: 0;
5	left: $sidebarWidth;	5	left: var(--sidebarWidth);
6	right: 0;	6	right: 0;
7	height: 2rem;	7	height: 2rem;
8	line-height: 2rem;	8	line-height: 2rem;
9	padding: 0 .375rem;	9	padding: 0 .375rem;
10	font-size: .875rem;	10	font-size: .875rem;
11	background: $pathBackground;	11	background: var(--pathBackground);
12	box-shadow: inset 0 1px $pathBorder;	12	box-shadow: inset 0 1px var(--pathBorder);
13		13
14	@media #{$mediumScreen} { left: $sidebarMediumWidth; }	14	@include mobile { left: var(--sidebarMediumWidth); }
15		15
16	._sidebar-hidden & { left: 0; }	16	._sidebar-hidden & { left: 0; }
17		17
@@ -24,7 +24,7 @@ · 6 unmodified lines
24	display: inline-block;	24	display: inline-block;
25	vertical-align: top;	25	vertical-align: top;
26	padding: 0 .375rem;	26	padding: 0 .375rem;
27	color: $textColor;	27	color: var(--textColor);
28	text-decoration: none;	28	text-decoration: none;
29		29
30	&:first-child:before {	30	&:first-child:before {

assets/stylesheets/components/_prism.scss+25−32

+html {
+  --prismValue: #905;
+  --prismText: #5e8e01;
+  --prismOperator: #a67f59;
+  --prismKeyword: #0070a3;
+  --prismFunction: #dd4a68;
+  --prismVariable: #e90;
+}
+html._theme-dark {
+  --prismValue: #eb8160;
+  --prismText: #ddcf88;
+  --prismOperator: #b1c676;
+  --prismKeyword: #91b3ed;
+  --prismFunction: #c79e6b;
+  --prismVariable: #e9c062;
+}
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata,
 .token.punctuation {
-  color: $textColorLight;
+  color: var(--textColorLight);
 }
 .namespace {
 .token.constant,
 .token.symbol,
 .token.deleted {
-  @if $style == 'dark' {
+  color: var(--prismValue);
-    color: #eb8160;
-  } @else {
-    color: #905;
-  }
 }
 .token.selector,
 .token.char,
 .token.builtin,
 .token.inserted {
-  @if $style == 'dark' {
+  color: var(--prismText);
-    color: #ddcf88;
-  } @else {
-    color: #5e8e01;
-  }
 }
 .token.operator,
 .token.url,
 .language-css .token.string,
 .style .token.string {
-  @if $style == 'dark' {
+  color: var(--prismOperator);
-    color: #b1c676;
-  } @else {
-    color: #a67f59;
-  }
 }
 .token.atrule,
 .token.attr-value,
 .token.keyword {
-  @if $style == 'dark' {
+  color: var(--prismKeyword);
-    color: #91b3ed;
-  } @else {
-    color: #0070a3;
-  }
 }
 .token.function {
-  @if $style == 'dark' {
+  color: var(--prismFunction);
-    color: #c79e6b;
-  } @else {
-    color: #dd4a68;
-  }
 }
 .token.regex,
 .token.important,
 .token.variable {
-  @if $style == 'dark' {
+  color: var(--prismVariable);
-    color: #e9c062;
-  } @else {
-    color: #e90;
-  }
 }
 .token.important,
 .token.bold {
-  font-weight: $boldFontWeight;
+  font-weight: var(--boldFontWeight);
 }
 .token.italic {

assets/stylesheets/components/_settings.scss+12−12

@@ -7,15 +7,15 @@ · 6 unmodified lines
7	position: absolute;	7	position: absolute;
8	top: 0;	8	top: 0;
9	bottom: 0;	9	bottom: 0;
10	z-index: $headerZ;	10	z-index: var(--headerZ);
11		11
12	&._in { display: block; }	12	&._in { display: block; }
13		13
14	> ._header { justify-content: space-between; }	14	> ._header { justify-content: space-between; }
15		15
16	&._dirty > ._header {	16	&._dirty > ._header {
17	background: $noteGreenBackground;	17	background: var(--noteGreenBackground);
18	border-color: $noteGreenBorder;	18	border-color: var(--noteGreenBorder);
19	}	19	}
20	}	20	}
21		21
@@ -37,7 +37,7 @@ · 15 unmodified lines
37	padding-right: .5rem;	37	padding-right: .5rem;
38	line-height: inherit;	38	line-height: inherit;
39	font-size: inherit;	39	font-size: inherit;
40	font-weight: $boldFontWeight;	40	font-weight: var(--boldFontWeight);
41	text-align: right;	41	text-align: right;
42	@extend %border-box;	42	@extend %border-box;
43	}	43	}
@@ -52,7 +52,7 @@ · 8 unmodified lines
52		52
53	> small {	53	> small {
54	display: block;	54	display: block;
55	color: $textColorLight;	55	color: var(--textColorLight);
56	margin-left: 1.75rem;	56	margin-left: 1.75rem;
57	}	57	}
58		58
@@ -62,7 +62,7 @@ · 3 unmodified lines
62	}	62	}
63	}	63	}
64		64
65	@media (max-width: $maxWidth) {	65	@media (max-width: 80rem) {
66	._setting-max-width { display: none; }	66	._setting-max-width { display: none; }
67	}	67	}
68		68
@@ -80,7 +80,7 @@ · 11 unmodified lines
80	line-height: 1.5rem;	80	line-height: 1.5rem;
81	padding: 0 .75rem;	81	padding: 0 .75rem;
82	font-size: .875rem;	82	font-size: .875rem;
83	font-weight: $boldFontWeight;	83	font-weight: var(--boldFontWeight);
84	color: inherit;	84	color: inherit;
85	text-align: left;	85	text-align: left;
86	cursor: pointer;	86	cursor: pointer;
@@ -119,12 +119,12 @@ · 32 unmodified lines
119	position: relative;	119	position: relative;
120	vertical-align: top;	120	vertical-align: top;
121	padding: 0 .75rem;	121	padding: 0 .75rem;
122	line-height: $headerHeight;	122	line-height: var(--headerHeight);
123	color: $textColorLight;	123	color: var(--textColorLight);
124		124
125	&.active {	125	&.active {
126	color: $textColor;	126	color: var(--textColor);
127	font-weight: $boldFontWeight;	127	font-weight: var(--boldFontWeight);
128	box-shadow: inset 0 -2px $linkColor;	128	box-shadow: inset 0 -2px var(--linkColor);
129	}	129	}
130	}	130	}

assets/stylesheets/components/_sidebar.scss+37−39

 ._sidebar {
   position: absolute;
-  z-index: $sidebarZ;
+  z-index: var(--sidebarZ);
   top: 0;
   bottom: 0;
   left: 0;
   overflow-x: hidden;
   overflow-y: scroll;
-  padding-top: $headerHeight;
+  padding-top: var(--headerHeight);
-  background: $sidebarBackground;
+  background: var(--sidebarBackground);
   background-clip: content-box;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: none; // IE 10 doesn't support pointer-events
   ._overlay-scrollbars & {
     padding-top: 0;
-    top: $headerHeight;
+    top: var(--headerHeight);
   }
   body:not(._native-scrollbars) & {
     &::-webkit-scrollbar { width: 10px; }
     &::-webkit-scrollbar-track {
-      background: $contentBackground;
+      background: var(--contentBackground);
       border: 0;
     }
     &::-webkit-scrollbar-thumb {
 ._resizer {
   position: absolute;
-  z-index: $sidebarZ + 1;
+  z-index: var(--headerZ);
-  top: $headerHeight;
+  top: var(--headerHeight);
-  bottom: $headerHeight;
+  bottom: var(--headerHeight);
-  left: $sidebarWidth;
+  left: var(--sidebarWidth);
   margin-left: -2px;
   width: 3px;
   cursor: col-resize;
   margin: 0;
   padding: 0;
   list-style: none;
-  width: $sidebarWidth;
+  width: var(--sidebarWidth);
-  box-shadow: inset -1px 0 $sidebarBorder;
+  box-shadow: inset -1px 0 var(--sidebarBorder);
   @extend %border-box;
-  @media #{$mediumScreen} { width: $sidebarMediumWidth; }
+  @include mobile { width: var(--sidebarMediumWidth); }
   ._sidebar > & { min-height: 100%; }
   padding: 0 .75rem 0 2.125rem;
   line-height: 2rem;
   font-size: .75rem;
-  color: $textColorLight;
+  color: var(--textColorLight);
   text-transform: uppercase;
   cursor: default;
 }
   line-height: 1.5rem;
   font-size: .875rem;
   cursor: default;
-  background: $sidebarBackground;
+  background: var(--sidebarBackground);
-  box-shadow: inset -1px 0 $sidebarBorder;
+  box-shadow: inset -1px 0 var(--sidebarBorder);
   @extend %truncate-text;
   &, &:hover {
   &.focus:hover,
   &.active,
   &.active:hover {
-    color: $focusText;
+    color: var(--focusText);
-    background: $focusBackground;
+    background: var(--focusBackground);
-    box-shadow: inset -1px 0 $focusBorder;
+    box-shadow: inset -1px 0 var(--focusBorder);
   }
   &.active,
   &.active:hover {
-    color: $selectionText;
+    color: var(--selectionText);
-    background: $selectionBackground;
+    background: var(--selectionBackground);
-    box-shadow: inset -1px 0 $selectionBorder;
+    box-shadow: inset -1px 0 var(--selectionBorder);
   }
   &:before {
 }
 ._list-count {
-  color: $textColorLighter;
+  color: var(--textColorLighter);
   pointer-events: none;
   ._list-disabled:hover > & { display: none; }
 ._list-enable {
   display: none;
-  color: $linkColor;
+  color: var(--linkColor);
   cursor: pointer;
   &:hover { text-decoration: underline; }
 ._list-disabled {
   @extend %_list-dir;
-  &, &:hover { color: $textColorLight; }
+  &, &:hover { color: var(--textColorLight); }
   &:before { opacity: .7; }
 }
   width: 1rem;
   height: 1rem;
   cursor: pointer;
-  fill: black;
+  fill: var(--absolute);
   opacity: .4;
-  @if $style == 'dark' { fill: white; }
   &:hover { opacity: .65; }
   ._list-rdir > & {
 //
 ._list-pagelink {
-  color: $linkColor;
+  color: var(--linkColor);
   cursor: pointer;
   &:hover {
-    color: $linkColorHover;
+    color: var(--linkColorHover);
     text-decoration: underline;
   }
 }
     left: .75rem;
     width: .75rem;
     height: 1px;
-    background: rgba($selectionText, .9);
+    background: var(--transparentSelectionText);
-    box-shadow: 0 -3px rgba($selectionText, .9), // top line
+    box-shadow: 0 -3px var(--transparentSelectionText), // top line
-                0 3px rgba($selectionText, .9);  // bottom line
+                0 3px var(--transparentSelectionText);  // bottom line
   }
 }
   padding: .5rem .75rem;
   line-height: 1.25rem;
   font-size: .8125rem;
-  color: $textColorLight;
+  color: var(--textColorLight);
   & + & { padding-top: 0; }
 }
 ._list-hover.clone {
   position: fixed;
   overflow: visible;
-  z-index: $hoverZ;
+  z-index: var(--hoverZ);
   left: 0;
-  min-width: $sidebarWidth;
+  min-width: var(--sidebarWidth);
   padding: .25rem .75rem;
   pointer-events: none;
   -webkit-font-smoothing: subpixel-antialiased;
           transform: translate3d(0, 0, 0);
   @extend %border-box;
-  @media #{$mediumScreen} { min-width: $sidebarMediumWidth; }
+  @include mobile { min-width: var(--sidebarMediumWidth); }
   > ._list-text { display: inline; }
   padding: .5rem .75rem .25rem .75rem;
   line-height: 1.5rem;
   font-size: .75rem;
-  font-weight: $bolderFontWeight;
+  font-weight: var(--bolderFontWeight);
-  color: $textColorLight;
+  color: var(--textColorLight);
   text-transform: uppercase;
-  background: linear-gradient(to bottom, $sidebarBackground, $sidebarBackground 75%, rgba($sidebarBackground, 0));
+  background: linear-gradient(to bottom, var(--sidebarBackground), var(--sidebarBackground) 75%, var(--transparentSidebarBackground));
   cursor: default;
 }

assets/stylesheets/global/_base.scss+37−31

 html {
   height: 100%;
   font-size: 100%;
-  background: $documentBackground;
+  background: #fff; // fallback to show the error message to browsers that don't support CSS variables.
+  background: var(--documentBackground);
-  @media #{$mediumScreen} { font-size: 93.75%; }
+  @include mobile { font-size: 93.75%; }
   @include print { background: none; }
   @import 'global/print';
   font-weight: normal;
   font-family: $baseFont;
   line-height: 1.7;
-  color: $textColor;
+  color: $textColor; // fallback to show the error message to browsers that don't support CSS variables.
+  color: var(--textColor);
   word-wrap: break-word;
   overflow-wrap: break-word;
-  background: $contentBackground;
+  background: var(--contentBackground);
   touch-action: manipulation;
   -webkit-tap-highlight-color: rgba(black, 0);
   -webkit-touch-callout: none;
 }
 a {
-  color: $linkColor;
+  color: var(--linkColor);
-  text-decoration: $linkTextDecoration;
+  text-decoration: var(--linkTextDecoration);
   &:hover {
-    color: $linkColorHover;
+    color: var(--linkColorHover);
     text-decoration: underline;
   }
 }
 h1, h2, h3, h4, h5, h6 {
   margin: 1.5em 0 1em;
   line-height: 1.3;
-  font-weight: $bolderFontWeight;
+  font-weight: var(--bolderFontWeight);
 }
 h1 { font-size: 1.5em; }
 p { margin: 0 0 1em; }
 p:last-child { margin-bottom: 0; }
-b, strong { font-weight: $boldFontWeight; }
+b, strong { font-weight: var(--boldFontWeight); }
 small { font-size: .9em; }
 li > p { margin-bottom: .25em; }
 dl { margin: 1.5em 0; }
-dt { font-weight: $boldFontWeight; }
+dt { font-weight: var(--boldFontWeight); }
 dd {
   margin: .375em;
   padding-left: 1em;
 abbr, acronym, dfn {
   cursor: help;
-  border-bottom: 1px dotted $textColor;
+  border-bottom: 1px dotted var(--textColor);
 }
 pre, code, samp, %pre, %code {
-  font-family: $monoFont;
+  font-family: var(--monoFont);
   font-weight: normal;
   font-style: normal;
   font-size: .9em;
-  color: $textColor;
+  color: var(--textColor);
   white-space: pre-wrap;
   direction: ltr;
   -moz-tab-size: 2;
 table {
   margin: 1.5em 0;
   background: none;
-  border: 1px solid $boxBorder;
+  border: 1px solid var(--boxBorder);
   border-collapse: separate;
   border-spacing: 0;
   border-radius: 3px;
 }
 caption {
-  font-weight: $boldFontWeight;
+  font-weight: var(--boldFontWeight);
   padding: 0 .7em .3em;
 }
 }
 th {
-  font-weight: $boldFontWeight;
+  font-weight: var(--boldFontWeight);
   border: 0;
-  border-bottom: 1px solid $boxBorder;
+  border-bottom: 1px solid var(--boxBorder);
   border-radius: 0;
   @extend %heading-box;
   &:empty { background: none; }
-  + th, + td { border-left: 1px solid $boxBorder; }
+  + th, + td { border-left: 1px solid var(--boxBorder); }
   tr:first-child > &:first-child { border-top-left-radius: 3px; }
   tr:first-child > &:last-child { border-top-right-radius: 3px; }
 }
 td {
-  background: $contentBackground;
+  background: var(--contentBackground);
-  border-bottom: 1px solid $boxBorderLight;
+  border-bottom: 1px solid var(--boxBorderLight);
-  + td { border-left: 1px solid $boxBorderLight; }
+  + td { border-left: 1px solid var(--boxBorderLight); }
   tr:last-child > & { border-bottom: 0; }
   > pre:only-child, > p:only-child, > ul:only-child, > ol:only-child {
   margin: 0;
   font-family: inherit;
   font-size: 100%;
-  color: $textColor;
+  color: var(--textColor);
   line-height: normal;
   @extend %border-box;
 }
   outline: -webkit-focus-ring-color auto 5px;
 }
+img, iframe {
+  background: var(--externalsBackground);
+}
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
   border: 0 !important;
 }
-::-webkit-input-placeholder { color: $textColorLighter; }
+::-webkit-input-placeholder { color: var(--textColorLighter); }
-::-moz-placeholder          { color: $textColorLighter; opacity: 1; }
+::-moz-placeholder          { color: var(--textColorLighter); opacity: 1; }
-:-ms-input-placeholder      { color: $textColorLighter; }
+:-ms-input-placeholder      { color: var(--textColorLighter); }
 body:not(._native-scrollbars) {
   *::-webkit-scrollbar { -webkit-appearance: none; }
   *::-webkit-scrollbar-corner { display: none; }
   *::-webkit-scrollbar-track {
-    background: $contentBackground;
+    background: var(--contentBackground);
-    border: 1px solid $contentBackground;
+    border: 1px solid var(--contentBackground);
     &:hover {
-      background: $sidebarBackground;
+      background: var(--sidebarBackground);
-      border-color: $sidebarBorder;
+      border-color: var(--sidebarBorder);
     }
     &:vertical { border-width: 0 0 0 1px; }
   *::-webkit-scrollbar-thumb {
     min-height: 2rem;
-    background: $scrollbarColor;
+    background: var(--scrollbarColor);
     background-clip: padding-box;
     border: 5px solid rgba(black, 0);
     border-radius: 10px;
     &:hover,
     &:active {
-      background-color: $scrollbarColorHover;
+      background-color: var(--scrollbarColorHover);
       border-width: 4px;
     }
   }

assets/stylesheets/global/_classes.scss+24−25

 //
 %box {
-  background: $boxBackground;
+  background: var(--boxBackground);
-  border: 1px solid $boxBorder;
+  border: 1px solid var(--boxBorder);
   border-radius: 3px;
 }
 %heading-box {
-  color: $boxHeaderColor;
+  color: var(--boxHeaderColor);
-  background: $boxHeaderBackground;
+  background: var(--boxHeaderBackground);
-  border: 1px solid $boxBorder;
+  border: 1px solid var(--boxBorder);
   border-radius: 3px;
 }
 %note {
   margin: 1.5rem 0;
   padding: .5rem .875rem;
-  background: $noteBackground;
+  background: var(--noteBackground);
-  border: 1px solid $noteBorder;
+  border: 1px solid var(--noteBorder);
   border-radius: 3px;
 }
 %label {
   margin: 0 1px;
   padding: 1px 4px 2px;
-  background: $labelBackground;
+  background: var(--labelBackground);
   border-radius: 3px;
 }
   padding-right: .5em;
   overflow: hidden;
   font-size: inherit;
-  color: $boxHeaderColor;
+  color: var(--boxHeaderColor);
-  border: 1px solid $boxBorder;
+  border: 1px solid var(--boxBorder);
   border-radius: 2px;
   @extend %label;
 }
 %label-yellow {
-  background: $noteBackground;
+  background: var(--noteBackground);
-  border-color: $noteBorder;
+  border-color: var(--noteBorder);
 }
 %note-green, %label-green {
-  background: $noteGreenBackground;
+  background: var(--noteGreenBackground);
-  border-color: $noteGreenBorder;
+  border-color: var(--noteGreenBorder);
 }
 %note-blue, %label-blue {
-  background: $noteBlueBackground;
+  background: var(--noteBlueBackground);
-  border-color: $noteBlueBorder;
+  border-color: var(--noteBlueBorder);
 }
 %note-orange, %label-orange {
-  background: $noteOrangeBackground;
+  background: var(--noteOrangeBackground);
-  border-color: $noteOrangeBorder;
+  border-color: var(--noteOrangeBorder);
 }
 %note-red, %label-red {
-  background: $noteRedBackground;
+  background: var(--noteRedBackground);
-  border-color: $noteRedBorder;
+  border-color: var(--noteRedBorder);
 }
 //
     pointer-events: none;
     // <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15,15H2V6h2.595c0,0,0.689-0.896,2.17-2H1C0.447,4,0,4.449,0,5v11c0,0.553,0.447,1,1,1h15c0.553,0,1-0.447,1-1v-3.746 l-2,1.645V15z M13.361,8.05v3.551L20,6.4l-6.639-4.999v3.131C5.3,4.532,5.3,12.5,5.3,12.5C7.582,8.752,8.986,8.05,13.361,8.05z"/></svg>
-    @if $style == 'dark' {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzMzNzdjMCIgZD0iTTE1LDE1SDJWNmgyLjU5NWMwLDAsMC42ODktMC44OTYsMi4xNy0ySDFDMC40NDcsNCwwLDQuNDQ5LDAsNXYxMWMwLDAuNTUzLDAuNDQ3LDEsMSwxaDE1YzAuNTUzLDAsMS0wLjQ0NywxLTF2LTMuNzQ2IGwtMiwxLjY0NVYxNXogTTEzLjM2MSw4LjA1djMuNTUxTDIwLDYuNGwtNi42MzktNC45OTl2My4xMzFDNS4zLDQuNTMyLDUuMywxMi41LDUuMywxMi41QzcuNTgyLDguNzUyLDguOTg2LDguMDUsMTMuMzYxLDguMDV6Ii8+PC9zdmc+);
-      background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2NiZDBkMCIgZD0iTTE1LDE1SDJWNmgyLjU5NWMwLDAsMC42ODktMC44OTYsMi4xNy0ySDFDMC40NDcsNCwwLDQuNDQ5LDAsNXYxMWMwLDAuNTUzLDAuNDQ3LDEsMSwxaDE1YzAuNTUzLDAsMS0wLjQ0NywxLTF2LTMuNzQ2IGwtMiwxLjY0NVYxNXogTTEzLjM2MSw4LjA1djMuNTUxTDIwLDYuNGwtNi42MzktNC45OTl2My4xMzFDNS4zLDQuNTMyLDUuMywxMi41LDUuMywxMi41QzcuNTgyLDguNzUyLDguOTg2LDguMDUsMTMuMzYxLDguMDV6Ii8+PC9zdmc+);
-    } @else {
-      background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzMzNzdjMCIgZD0iTTE1LDE1SDJWNmgyLjU5NWMwLDAsMC42ODktMC44OTYsMi4xNy0ySDFDMC40NDcsNCwwLDQuNDQ5LDAsNXYxMWMwLDAuNTUzLDAuNDQ3LDEsMSwxaDE1YzAuNTUzLDAsMS0wLjQ0NywxLTF2LTMuNzQ2IGwtMiwxLjY0NVYxNXogTTEzLjM2MSw4LjA1djMuNTUxTDIwLDYuNGwtNi42MzktNC45OTl2My4xMzFDNS4zLDQuNTMyLDUuMywxMi41LDUuMywxMi41QzcuNTgyLDguNzUyLDguOTg2LDguMDUsMTMuMzYxLDguMDV6Ii8+PC9zdmc+);
-    }
   }
 }
+html._theme-dark %external-link:after {
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2NiZDBkMCIgZD0iTTE1LDE1SDJWNmgyLjU5NWMwLDAsMC42ODktMC44OTYsMi4xNy0ySDFDMC40NDcsNCwwLDQuNDQ5LDAsNXYxMWMwLDAuNTUzLDAuNDQ3LDEsMSwxaDE1YzAuNTUzLDAsMS0wLjQ0NywxLTF2LTMuNzQ2IGwtMiwxLjY0NVYxNXogTTEzLjM2MSw4LjA1djMuNTUxTDIwLDYuNGwtNi42MzktNC45OTl2My4xMzFDNS4zLDQuNTMyLDUuMywxMi41LDUuMywxMi41QzcuNTgyLDguNzUyLDguOTg2LDguMDUsMTMuMzYxLDguMDV6Ii8+PC9zdmc+);
+}
 %internal-link:after { content: none !important; }

assets/stylesheets/global/_icons.scss.erb+2−2

@@ -22,8 +22,8 @@ · 21 unmodified lines
22	%doc-icon { background-image: image-url('sprites/docs@2x.png'); }	22	%doc-icon { background-image: image-url('sprites/docs@2x.png'); }
23	}	23	}
24		24
25	%darkIconFix {	25	html._theme-dark {
26	@if $style == 'dark' {	26	%darkIconFix {
27	filter: invert(100%) grayscale(100%);	27	filter: invert(100%) grayscale(100%);
28	-webkit-filter: invert(100%) grayscale(100%);	28	-webkit-filter: invert(100%) grayscale(100%);
29	}	29	}

assets/stylesheets/global/_mixins.scss+6−0

@@ -7,3 +7,9 @@ · 6 unmodified lines
7	@content;	7	@content;
8	}	8	}
9	}	9	}
		10
		11	@mixin mobile {
		12	@media (max-width: 800px) {
		13	@content;
		14	}
		15	}

assets/stylesheets/global/_print.scss+2−2

@@ -25,14 +25,14 @@ · 24 unmodified lines
25		25
26	._attribution-p {	26	._attribution-p {
27	background: none;	27	background: none;
28	border: 2px solid $boxBorder;	28	border: 2px solid var(--boxBorder);
29	}	29	}
30		30
31	._attribution:last-child:after {	31	._attribution:last-child:after {
32	content: 'Exported from DevDocs \2014 https://devdocs.io';	32	content: 'Exported from DevDocs \2014 https://devdocs.io';
33	display: block;	33	display: block;
34	margin-top: 1rem;	34	margin-top: 1rem;
35	font-weight: $bolderFontWeight;	35	font-weight: var(--bolderFontWeight);
36	}	36	}
37		37
38	._attribution {	38	._attribution {

assets/stylesheets/global/_variables-dark.scss+53−69

@@ -1,92 +1,76 @@
1	$baseFont: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;	1	html._theme-dark {
2	$monoFont: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;	2	--absolute: white;
3	$boldFontWeight: 500;
4	$bolderFontWeight: 600;
5		3
6	$style: 'dark';	4	--documentBackground: #222;
		5	--contentBackground: #33373a;
7		6
8	$maxWidth: 80rem;	7	--textColor: #cbd0d0;
9	$headerHeight: 3rem;	8	--textColorLight: #9da5ad;
10	$sidebarWidth: 20rem;	9	--textColorLighter: #77787a;
11	$sidebarMediumWidth: 16rem;
12		10
13	$documentBackground: #222;	11	--externalsBackground: #fff;
14	$contentBackground: #33373a;
15		12
16	$textColor: #cbd0d0;	13	--inputFocusBorder: transparent;
17	$textColorLight: #9da5ad;
18	$textColorLighter: #77787a;
19	$textColorRed: #f44336;
20		14
21	$inputFocusBorder: false;	15	--focusBackground: #3f4042;
		16	--focusBorder: #000;
		17	--focusText: #f7f2f2;
22		18
23	$focusBackground: #3f4042;	19	--loadingText: #5d6164;
24	$focusBorder: #000;
25	$focusText: #f7f2f2;
26		20
27	$loadingText: #5d6164;	21	--selectionBackground: #007acc;
28	$splashText: $loadingText;	22	--selectionBorder: #000;
29		23
30	$selectionBackground: #007acc;	24	--highlightBackground: #64675f;
31	$selectionBorder: #000;
32	$selectionText: #fff;
33		25
34	$highlightBackground: #64675f;	26	--linkColor: var(--textColor);
		27	--linkColorHover: white;
		28	--linkTextDecoration: underline;
35		29
36	$linkColor: $textColor;	30	--headerBackground: #1c1c1c;
37	$linkColorHover: white;	31	--headerBorder: #000;
38	$linkTextDecoration: underline;	32	--searchTagBackground: #{darken(#1c1c1c, 5%)};
		33	--searchBorder: #{darken(#000, 2%)};
39		34
40	$headerBackground: #1c1c1c;	35	--sidebarBackground: #24282a;
41	$headerBorder: #000;	36	--transparentSidebarBackground: #{rgba(#24282a, 0)};
		37	--sidebarBorder: #000;
42		38
43	$sidebarBackground: #24282a;	39	--scrollbarColor: #6c6c6f;
44	$sidebarBorder: #000;	40	--scrollbarColorHover: #949697;
45		41
46	$scrollbarColor: #6c6c6f;	42	--pathBackground: var(--headerBackground);
47	$scrollbarColorHover: #949697;	43	--pathBorder: var(--headerBorder);
48		44
49	$pathBackground: $headerBackground;	45	--noticeBackground: var(--sidebarBackground);
50	$pathBorder: $headerBorder;	46	--noticeBorder: var(--sidebarBorder);
51		47
52	$noticeBackground: $sidebarBackground;	48	--boxBackground: var(--sidebarBackground);
53	$noticeBorder: $sidebarBorder;	49	--boxBorder: var(--headerBorder);
		50	--boxBorderLight: var(--headerBorder);
		51	--boxHeaderColor: #dbe4e4;
		52	--boxHeaderBackground: var(--sidebarBackground);
54		53
55	$boxBackground: $sidebarBackground;	54	--noteBackground: #45474b;
56	$boxBorder: $headerBorder;	55	--noteBorder: #000;
57	$boxBorderLight: $headerBorder;
58	$boxHeaderColor: #dbe4e4;
59	$boxHeaderBackground: $sidebarBackground;
60		56
61	$noteBackground: #45474b;	57	--noteGreenBackground: #284a2a;
62	$noteBorder: #000;	58	--noteGreenBorder: #000;
63		59
64	$noteGreenBackground: #284a2a;	60	--noteBlueBackground: #2a4151;
65	$noteGreenBorder: #000;	61	--noteBlueBorder: #000;
66		62
67	$noteBlueBackground: #2a4151;	63	--noteOrangeBackground: #563322;
68	$noteBlueBorder: #000;	64	--noteOrangeBorder: #000;
69		65
70	$noteOrangeBackground: #563322;	66	--noteRedBackground: #603033;
71	$noteOrangeBorder: #000;	67	--noteRedBorder: #000;
72		68
73	$noteRedBackground: #603033;	69	--labelBackground: var(--boxBackground);
74	$noteRedBorder: #000;
75		70
76	$labelBackground: $boxBackground;	71	--notifBackground: #{rgba(#555, .95)};
		72	--notifBorder: 1px solid #000;
77		73
78	$notifBackground: rgba(#555, .95);	74	--tipBackground: var(--notifBackground);
79	$notifBorder: 1px solid #000;	75	--tipBorder: var(--notifBorder);
80	$notifColor: #fff;	76	}
81	$notifColorLight: #ccc;
82
83	$tipBackground: $notifBackground;
84	$tipBorder: $notifBorder;
85
86	$mediumScreen: '(max-width: 800px)';
87
88	$contentZ: 1;
89	$sidebarZ: 2;
90	$headerZ: 3;
91	$noticeZ: 4;
92	$hoverZ: 5;

assets/stylesheets/global/_variables-light.scss+76−0

@@ -0,0 +1,76 @@
	1	html._theme-default {
	2	--absolute: black;
	3
	4	--documentBackground: #f3f3f3;
	5	--contentBackground: #fff;
	6
	7	--textColor: #333;
	8	--textColorLight: #666;
	9	--textColorLighter: #888;
	10
	11	--externalsBackground: #fff;
	12
	13	--inputFocusBorder: #35b5f4;
	14
	15	--focusBackground: #e5e5e5;
	16	--focusBorder: #d4d4d4;
	17	--focusText: #000;
	18
	19	--loadingText: #ccc;
	20
	21	--selectionBackground: #398df0;
	22	--selectionBorder: #196fc2;
	23
	24	--highlightBackground: #fffdcd;
	25
	26	--linkColor: #3377c0;
	27	--linkColorHover: #2f6cb6;
	28	--linkTextDecoration: none;
	29
	30	--headerBackground: #eee;
	31	--headerBorder: #d7d7d7;
	32	--searchTagBackground: #{darken(#eee, 5%)};
	33	--searchBorder: #{darken(#d7d7d7, 2%)};
	34
	35	--sidebarBackground: #f9f9f9;
	36	--transparentSidebarBackground: #{rgba(#f9f9f9, 0)};
	37	--sidebarBorder: #e1e1e1;
	38
	39	--scrollbarColor: #ccc;
	40	--scrollbarColorHover: #999;
	41
	42	--pathBackground: var(--sidebarBackground);
	43	--pathBorder: var(--sidebarBorder);
	44
	45	--noticeBackground: #faf9e2;
	46	--noticeBorder: #e2e2c1;
	47
	48	--boxBackground: #fafafa;
	49	--boxBorder: #d8d8d8;
	50	--boxBorderLight: #e5e5e5;
	51	--boxHeaderColor: var(--textColor);
	52	--boxHeaderBackground: #f5f5f5;
	53
	54	--noteBackground: #f8f8dd;
	55	--noteBorder: #d3d952;
	56
	57	--noteGreenBackground: #e7f8e1;
	58	--noteGreenBorder: #89da70;
	59
	60	--noteBlueBackground: #d4f3fd;
	61	--noteBlueBorder: #94bbeb;
	62
	63	--noteOrangeBackground: #fbe6d1;
	64	--noteOrangeBorder: #ec8b01;
	65
	66	--noteRedBackground: #fed5d3;
	67	--noteRedBorder: #dc7874;
	68
	69	--labelBackground: #f4f4f4;
	70
	71	--notifBackground: #{rgba(#333, .85)};
	72	--notifBorder: none;
	73
	74	--tipBackground: #{rgba(#fffdcd, .95)};
	75	--tipBorder: 1px solid #e7dca9;
	76	}

assets/stylesheets/global/_variables.scss+25−82

@@ -1,92 +1,35 @@
		1	// Variables needed to style the error message for browsers that don't support CSS variables.
1	$baseFont: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;	2	$baseFont: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
2	$monoFont: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
3	$boldFontWeight: 500;
4	$bolderFontWeight: 600;
5
6	$style: 'light';
7
8	$maxWidth: 80rem;
9	$headerHeight: 3rem;
10	$sidebarWidth: 20rem;
11	$sidebarMediumWidth: 16rem;
12
13	$documentBackground: #f3f3f3;
14	$contentBackground: #fff;
15
16	$textColor: #333;	3	$textColor: #333;
17	$textColorLight: #666;
18	$textColorLighter: #888;
19	$textColorRed: #f44336;
20
21	$inputFocusBorder: #35b5f4;
22
23	$focusBackground: #e5e5e5;
24	$focusBorder: #d4d4d4;
25	$focusText: #000;
26
27	$loadingText: #ccc;
28	$splashText: #ccc;
29
30	$selectionBackground: #398df0;
31	$selectionBorder: #196fc2;
32	$selectionText: #fff;
33
34	$highlightBackground: #fffdcd;
35
36	$linkColor: #3377c0;
37	$linkColorHover: #2f6cb6;
38	$linkTextDecoration: none;
39
40	$headerBackground: #eee;
41	$headerBorder: #d7d7d7;
42
43	$sidebarBackground: #f9f9f9;
44	$sidebarBorder: #e1e1e1;
45
46	$scrollbarColor: #ccc;
47	$scrollbarColorHover: #999;
48
49	$pathBackground: $sidebarBackground;
50	$pathBorder: $sidebarBorder;
51
52	$noticeBackground: #faf9e2;
53	$noticeBorder: #e2e2c1;
54
55	$boxBackground: #fafafa;
56	$boxBorder: #d8d8d8;
57	$boxBorderLight: #e5e5e5;
58	$boxHeaderColor: $textColor;
59	$boxHeaderBackground: #f5f5f5;
60
61	$noteBackground: #f8f8dd;
62	$noteBorder: #d3d952;
63
64	$noteGreenBackground: #e7f8e1;
65	$noteGreenBorder: #89da70;
66		4
67	$noteBlueBackground: #d4f3fd;	5	html {
68	$noteBlueBorder: #94bbeb;	6	--baseFont: #{$baseFont};
		7	--monoFont: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
		8	--boldFontWeight: 500;
		9	--bolderFontWeight: 600;
69		10
70	$noteOrangeBackground: #fbe6d1;	11	--textColorRed: #f44336;
71	$noteOrangeBorder: #ec8b01;
72		12
73	$noteRedBackground: #fed5d3;	13	--splashText: var(--loadingText);
74	$noteRedBorder: #dc7874;
75		14
76	$labelBackground: #f4f4f4;	15	--selectionText: #fff;
		16	--transparentSelectionText: rgba(255, 255, 255, 0.9);
77		17
78	$notifBackground: rgba(#333, .85);	18	--notifColor: #fff;
79	$notifBorder: none;	19	--notifColorLight: #ccc;
80	$notifColor: #fff;
81	$notifColorLight: #ccc;
82		20
83	$tipBackground: rgba(#fffdcd, .95);	21	--maxWidth: 80rem;
84	$tipBorder: 1px solid #e7dca9;	22	--headerHeight: 3rem;
		23	--sidebarWidth: 20rem;
		24	--sidebarMediumWidth: 16rem;
85		25
86	$mediumScreen: '(max-width: 800px)';	26	--focusBackground: #e5e5e5;
		27	--focusBorder: #d4d4d4;
		28	--focusText: #000;
87		29
88	$contentZ: 1;	30	--contentZ: 1;
89	$sidebarZ: 2;	31	--sidebarZ: 2;
90	$headerZ: 3;	32	--headerZ: 3;
91	$noticeZ: 4;	33	--noticeZ: 4;
92	$hoverZ: 5;	34	--hoverZ: 5;
		35	}

assets/stylesheets/pages/_angularjs.scss+1−1

@@ -8,7 +8,7 @@ · 7 unmodified lines
8	.nav-index-section {	8	.nav-index-section {
9	margin: 1.5em 0 1em -2em;	9	margin: 1.5em 0 1em -2em;
10	list-style: none;	10	list-style: none;
11	font-weight: $boldFontWeight;	11	font-weight: var(--boldFontWeight);
12	text-transform: capitalize;	12	text-transform: capitalize;
13	}	13	}
14		14

assets/stylesheets/pages/_async.scss+2−2

@@ -3,13 +3,13 @@ · 2 unmodified lines
3		3
4	h3 > .type-signature {	4	h3 > .type-signature {
5	float: right;	5	float: right;
6	color: $textColorLight;	6	color: var(--textColorLight);
7	}	7	}
8		8
9	h3 > .signature-attributes {	9	h3 > .signature-attributes {
10	font-size: .75rem;	10	font-size: .75rem;
11	font-weight: normal;	11	font-weight: normal;
12	font-style: italic;	12	font-style: italic;
13	color: $textColorLighter;	13	color: var(--textColorLighter);
14	}	14	}
15	}	15	}

assets/stylesheets/pages/_bash.scss+1−1

@@ -5,7 +5,7 @@ · 4 unmodified lines
5	}	5	}
6		6
7	th[align=left] {	7	th[align=left] {
8	border-left: 1px solid $boxBorder;	8	border-left: 1px solid var(--boxBorder);
9	}	9	}
10		10
11	code { @extend %label; }	11	code { @extend %label; }

assets/stylesheets/pages/_bootstrap.scss+1−1

@@ -4,7 +4,7 @@ · 3 unmodified lines
4	h4 > code, h5 > code, strong > code { @extend %label; }	4	h4 > code, h5 > code, strong > code { @extend %label; }
5		5
6	h2 > small {	6	h2 > small {
7	color: $textColorLight;	7	color: var(--textColorLight);
8	float: right;	8	float: right;
9	}	9	}
10		10

assets/stylesheets/pages/_c.scss+2−2

@@ -23,7 +23,7 @@ · 22 unmodified lines
23		23
24	.t-spar { // language/switch, language/for, etc.	24	.t-spar { // language/switch, language/for, etc.
25	font-style: italic;	25	font-style: italic;
26	color: $textColorLight;	26	color: var(--textColorLight);
27	}	27	}
28	.t-sdsc-nopad dl, .t-sdsc-nopad dd { margin: 0; }	28	.t-sdsc-nopad dl, .t-sdsc-nopad dd { margin: 0; }
29		29
@@ -57,7 +57,7 @@ · 27 unmodified lines
57	margin: 1rem 0;	57	margin: 1rem 0;
58	padding: .375rem;	58	padding: .375rem;
59	font-size: .75rem;	59	font-size: .75rem;
60	border: 1px solid $boxBorder;	60	border: 1px solid var(--boxBorder);
61	border-radius: 2px;	61	border-radius: 2px;
62	}	62	}
63		63

assets/stylesheets/pages/_clojure.scss+1−1

@@ -5,6 +5,6 @@ · 4 unmodified lines
5	.type {	5	.type {
6	float: right;	6	float: right;
7	font-size: .9em;	7	font-size: .9em;
8	color: $textColorLight;	8	color: var(--textColorLight);
9	}	9	}
10	}	10	}

assets/stylesheets/pages/_d.scss+3−3

@@ -2,10 +2,10 @@ · 1 unmodified line
2	h2 { @extend %block-heading; }	2	h2 { @extend %block-heading; }
3	h3, .d_decl { @extend %block-label, %label-blue; }	3	h3, .d_decl { @extend %block-label, %label-blue; }
4	.d_decl { @extend %code; }	4	.d_decl { @extend %code; }
5	.d_decl > small { color: $textColorLight; }	5	.d_decl > small { color: var(--textColorLight); }
6	.d_decl > strong { font-weight: $bolderFontWeight; }	6	.d_decl > strong { font-weight: var(--bolderFontWeight); }
7		7
8	p > code, li > code, td > code, dd > code { @extend %label; }	8	p > code, li > code, td > code, dd > code { @extend %label; }
9		9
10	span.red { color: $textColorRed; }	10	span.red { color: var(--textColorRed); }
11	}	11	}

assets/stylesheets/pages/_dart.scss+1−1

@@ -6,7 +6,7 @@ · 5 unmodified lines
6		6
7	.features {	7	.features {
8	float: right;	8	float: right;
9	color: $textColorLight;	9	color: var(--textColorLight);
10	}	10	}
11	}	11	}
12	}	12	}

assets/stylesheets/pages/_dojo.scss+1−1

@@ -1,5 +1,5 @@
1	._dojo {	1	._dojo {
2	@extend %simple;	2	@extend %simple;
3		3
4	.jsdoc-inheritance { color: $textColorLight; }	4	.jsdoc-inheritance { color: var(--textColorLight); }
5	}	5	}

assets/stylesheets/pages/_ember.scss+2−2

@@ -5,7 +5,7 @@ · 4 unmodified lines
5		5
6	h3 > .access {	6	h3 > .access {
7	float: right;	7	float: right;
8	color: $textColorLight;	8	color: var(--textColorLight);
9	font-weight: normal;	9	font-weight: normal;
10	}	10	}
11		11
@@ -15,6 +15,6 @@ · 3 unmodified lines
15	}	15	}
16		16
17	p.github-link {	17	p.github-link {
18	color: $textColorLight;	18	color: var(--textColorLight);
19	}	19	}
20	}	20	}

assets/stylesheets/pages/_erlang.scss+1−1

@@ -5,5 +5,5 @@ · 4 unmodified lines
5	code.code { @extend %label; }	5	code.code { @extend %label; }
6	.note { @extend %note; }	6	.note { @extend %note; }
7	.warning { @extend %note, %note-red; }	7	.warning { @extend %note, %note-red; }
8	.note .label, .warning .label { font-weight: $boldFontWeight; }	8	.note .label, .warning .label { font-weight: var(--boldFontWeight); }
9	}	9	}

assets/stylesheets/pages/_jquery.scss+2−2

@@ -32,7 +32,7 @@ · 31 unmodified lines
32		32
33	.toc-list {	33	.toc-list {
34	margin-top: 0;	34	margin-top: 0;
35	font-weight: $boldFontWeight;	35	font-weight: var(--boldFontWeight);
36		36
37	> li + li { margin-top: 1em; }	37	> li + li { margin-top: 1em; }
38	> li > ul { font-weight: normal; }	38	> li > ul { font-weight: normal; }
@@ -48,7 +48,7 @@ · 9 unmodified lines
48	.returns,	48	.returns,
49	.option-type {	49	.option-type {
50	float: right;	50	float: right;
51	font-weight: $boldFontWeight;	51	font-weight: var(--boldFontWeight);
52	margin-left: 1em;	52	margin-left: 1em;
53	}	53	}
54		54

assets/stylesheets/pages/_love.scss+2−2

@@ -12,6 +12,6 @@ · 11 unmodified lines
12	.smwtable { width: 100%; }	12	.smwtable { width: 100%; }
13	.smwtable td:nth-last-child(2), .smwtable td:last-child { width: 2.5em; }	13	.smwtable td:nth-last-child(2), .smwtable td:last-child { width: 2.5em; }
14		14
15	.cell-green { background: $noteGreenBackground; }	15	.cell-green { background: var(--noteGreenBackground); }
16	.cell-red { background: $noteRedBackground; }	16	.cell-red { background: var(--noteRedBackground); }
17	}	17	}

assets/stylesheets/pages/_mdn.scss+3−3

@@ -7,7 +7,7 @@ · 6 unmodified lines
7	> span {	7	> span {
8	display: block;	8	display: block;
9	font-size: 1rem;	9	font-size: 1rem;
10	font-weight: $boldFontWeight;	10	font-weight: var(--boldFontWeight);
11	}	11	}
12		12
13	ul, ol {	13	ul, ol {
@@ -42,7 +42,7 @@ · 28 unmodified lines
42	> .note {	42	> .note {
43	em {	43	em {
44	font-style: normal;	44	font-style: normal;
45	font-weight: $boldFontWeight;	45	font-weight: var(--boldFontWeight);
46	}	46	}
47		47
48	> ul { margin: 1em 0; }	48	> ul { margin: 1em 0; }
@@ -93,7 +93,7 @@ · 44 unmodified lines
93	dt > strong > code, // HTML element attribute	93	dt > strong > code, // HTML element attribute
94	dl > dt > code { // CSS property value, Javascript function argument	94	dl > dt > code { // CSS property value, Javascript function argument
95	font-family: inherit;	95	font-family: inherit;
96	font-weight: $boldFontWeight;	96	font-weight: var(--boldFontWeight);
97	font-size: inherit;	97	font-size: inherit;
98	}	98	}
99		99

assets/stylesheets/pages/_meteor.scss+2−2

@@ -9,10 +9,10 @@ · 8 unmodified lines
9	dt > code { @extend %label; }	9	dt > code { @extend %label; }
10		10
11	.api-heading { overflow: hidden; }	11	.api-heading { overflow: hidden; }
12	.api-heading > code { font-weight: $boldFontWeight; }	12	.api-heading > code { font-weight: var(--boldFontWeight); }
13	.locus, .src-code { float: right; }	13	.locus, .src-code { float: right; }
14	.locus, .type, .src-code { margin-left: .5em; }	14	.locus, .type, .src-code { margin-left: .5em; }
15	h2 .subtext-api { margin-top: .25rem; }	15	h2 .subtext-api { margin-top: .25rem; }
16	.locus, .subtext-api, .subtext-api > code { font-size: .75rem; }	16	.locus, .subtext-api, .subtext-api > code { font-size: .75rem; }
17	.locus, .type { color: $textColorLight; }	17	.locus, .type { color: var(--textColorLight); }
18	}	18	}

assets/stylesheets/pages/_npm.scss+1−1

@@ -8,7 +8,7 @@ · 7 unmodified lines
8		8
9	.faint.heading {	9	.faint.heading {
10	font-size: .9em;	10	font-size: .9em;
11	color: $textColorLight;	11	color: var(--textColorLight);
12	}	12	}
13		13
14	.youtube-video iframe { width: 420px; height: 315px; }	14	.youtube-video iframe { width: 420px; height: 315px; }

assets/stylesheets/pages/_phalcon.scss+1−1

@@ -3,6 +3,6 @@ · 2 unmodified lines
3		3
4	h3 > small {	4	h3 > small {
5	float: right;	5	float: right;
6	color: $textColorLight;	6	color: var(--textColorLight);
7	}	7	}
8	}	8	}

assets/stylesheets/pages/_php.scss+2−2

@@ -13,7 +13,7 @@ · 12 unmodified lines
13		13
14	.verinfo {	14	.verinfo {
15	float: right;	15	float: right;
16	font-weight: $boldFontWeight;	16	font-weight: var(--boldFontWeight);
17	}	17	}
18		18
19	.classsynopsis,	19	.classsynopsis,
@@ -21,7 +21,7 @@ · 1 unmodified line
21	.description > .methodsynopsis,	21	.description > .methodsynopsis,
22	.description > .fieldsynopsis { @extend %note, %note-blue; }	22	.description > .fieldsynopsis { @extend %note, %note-blue; }
23		23
24	.classsynopsisinfo_comment { color: $textColorLight; }	24	.classsynopsisinfo_comment { color: var(--textColorLight); }
25		25
26	.classsynopsisinfo_comment,	26	.classsynopsisinfo_comment,
27	.classsynopsis > .constructorsynopsis,	27	.classsynopsis > .constructorsynopsis,

assets/stylesheets/pages/_postgres.scss+1−1

@@ -16,7 +16,7 @@ · 15 unmodified lines
16	}	16	}
17		17
18	p > code { @extend %label; }	18	p > code { @extend %label; }
19	p.c2 { font-weight: $boldFontWeight; }	19	p.c2 { font-weight: var(--boldFontWeight); }
20		20
21	.navfooter > table { width: 100%; }	21	.navfooter > table { width: 100%; }
22	td[align=center] { text-align: center; }	22	td[align=center] { text-align: center; }

assets/stylesheets/pages/_qt.scss+1−1

@@ -4,6 +4,6 @@ · 3 unmodified lines
4	// Function headers	4	// Function headers
5	h3.fn > code {	5	h3.fn > code {
6	float: right;	6	float: right;
7	color: $textColorLight;	7	color: var(--textColorLight);
8	}	8	}
9	}	9	}

assets/stylesheets/pages/_rdoc.scss+4−4

@@ -6,7 +6,7 @@ · 5 unmodified lines
6	.method-description > h2, h3, h4, h5, h6 { font-size: 1em; }	6	.method-description > h2, h3, h4, h5, h6 { font-size: 1em; }
7		7
8	.method-heading {	8	.method-heading {
9	font-weight: $boldFontWeight;	9	font-weight: var(--boldFontWeight);
10	@extend %block-label, %label-blue;	10	@extend %block-label, %label-blue;
11		11
12	+ .method-heading { margin-top: -.5em; }	12	+ .method-heading { margin-top: -.5em; }
@@ -22,7 +22,7 @@ · 9 unmodified lines
22	a.method-click-advice {	22	a.method-click-advice {
23	float: right;	23	float: right;
24	font-size: .75rem;	24	font-size: .75rem;
25	color: $linkColor;	25	color: var(--linkColor);
26	cursor: pointer;	26	cursor: pointer;
27	@extend %user-select-none;	27	@extend %user-select-none;
28		28
@@ -42,8 +42,8 @@ · 13 unmodified lines
42	top: 0;	42	top: 0;
43	left: -1em;	43	left: -1em;
44	right: 0;	44	right: 0;
45	background: rgba($contentBackground, .95);	45	background: var(--contentBackground);
46	box-shadow: 0 1em 1em 1em $contentBackground;	46	box-shadow: 0 1em 1em 1em var(--contentBackground);
47		47
48	> pre { margin: 0; }	48	> pre { margin: 0; }
49	}	49	}

assets/stylesheets/pages/_react_native.scss+1−1

@@ -2,7 +2,7 @@ · 1 unmodified line
2	@extend %simple;	2	@extend %simple;
3		3
4	.deprecated { @extend %note, %note-orange; }	4	.deprecated { @extend %note, %note-orange; }
5	.deprecatedTitle { font-weight: $boldFontWeight; }	5	.deprecatedTitle { font-weight: var(--boldFontWeight); }
6		6
7	span.platform { float: right; }	7	span.platform { float: right; }
8	span.propType, span.platform { font-weight: normal; }	8	span.propType, span.platform { font-weight: normal; }

assets/stylesheets/pages/_redis.scss+2−2

@@ -14,7 +14,7 @@ · 13 unmodified lines
14		14
15	.args {	15	.args {
16	font-size: .75rem;	16	font-size: .75rem;
17	color: $textColorLight;	17	color: var(--textColorLight);
18	}	18	}
19		19
20	// Others	20	// Others
@@ -35,7 +35,7 @@ · 14 unmodified lines
35	> .prompt {	35	> .prompt {
36	float: left;	36	float: left;
37	margin-right: .5em;	37	margin-right: .5em;
38	color: $textColorLight;	38	color: var(--textColorLight);
39	}	39	}
40		40
41	> code {	41	> code {

assets/stylesheets/pages/_rfc.scss+1−1

@@ -10,6 +10,6 @@ · 9 unmodified lines
10		10
11	> h1, > h2, > h3, > h4, > h5 {	11	> h1, > h2, > h3, > h4, > h5 {
12	margin: 0;	12	margin: 0;
13	font-family: $baseFont;	13	font-family: var(--baseFont);
14	}	14	}
15	}	15	}

assets/stylesheets/pages/_rust.scss+10−1

   h4 { @extend %block-label; }
   .docblock { margin-left: 1em; }
+  div.information, div.important-traits {
+    @extend %note;
+    > pre { margin: .5rem 0; }
+  }
   div.stability { margin-bottom: 1em; }
   em.stab, span.stab { @extend %label; }
   em.stab.unstable, span.stab.unstable { @extend %label-orange; }
-  .since, .out-of-band { float: right; }
+  .out-of-band { float: right; }
+  .since, .srclink {
+    float: right;
+    margin-left: .5rem;
+  }
 }

assets/stylesheets/pages/_simple.scss+1−31

@@ -17,34 +17,4 @@ · 16 unmodified lines
17	blockquote > h4, blockquote > h5 { margin-top: .25rem; }	17	blockquote > h4, blockquote > h5 { margin-top: .25rem; }
18	}	18	}
19		19
20	._apache_pig,	20	._simple { @extend %simple; }
21	._bower,
22	._chai,
23	._codeceptjs,
24	._docker,
25	._electron,
26	._fish,
27	._flow,
28	._gnu,
29	._grunt,
30	._haxe,
31	._immutable,
32	._influxdata,
33	._jasmine,
34	._jest,
35	._less,
36	._lodash,
37	._marionette,
38	._markdown,
39	._mocha,
40	._mongoose,
41	._nim,
42	._redux,
43	._requirejs,
44	._simple,
45	._typescript,
46	._vagrant,
47	._vulkan,
48	._yarn {
49	@extend %simple;
50	}

assets/stylesheets/pages/_sphinx.scss+2−2

@@ -14,7 +14,7 @@ · 13 unmodified lines
14		14
15	.versionmodified, span.title, .topic-title {	15	.versionmodified, span.title, .topic-title {
16	display: block;	16	display: block;
17	font-weight: $boldFontWeight;	17	font-weight: var(--boldFontWeight);
18	}	18	}
19		19
20	p > code, li > code, dd > code, .docutils > dt > code { @extend %label; }	20	p > code, li > code, dd > code, .docutils > dt > code { @extend %label; }
@@ -26,7 +26,7 @@ · 5 unmodified lines
26	.admonition-title {	26	.admonition-title {
27	float: left;	27	float: left;
28	margin: 0 .5em 0 0;	28	margin: 0 .5em 0 0;
29	font-weight: $boldFontWeight;	29	font-weight: var(--boldFontWeight);
30		30
31	&:after { content: ':'; }	31	&:after { content: ':'; }
32	}	32	}

assets/stylesheets/pages/_sphinx_simple.scss+1−1

@@ -6,7 +6,7 @@ · 5 unmodified lines
6	.admonition.tip { @extend %note-green; }	6	.admonition.tip { @extend %note-green; }
7	.admonition-title {	7	.admonition-title {
8	margin: 0 0 .25rem;	8	margin: 0 0 .25rem;
9	font-weight: $boldFontWeight;	9	font-weight: var(--boldFontWeight);
10	}	10	}
11		11
12	code { @extend %label; }	12	code { @extend %label; }

assets/stylesheets/pages/_support_tables.scss+1−1

@@ -24,7 +24,7 @@ · 23 unmodified lines
24	}	24	}
25		25
26	tr.current {	26	tr.current {
27	font-weight: $boldFontWeight;	27	font-weight: var(--boldFontWeight);
28	font-size: 1rem;	28	font-size: 1rem;
29	}	29	}
30		30

assets/stylesheets/pages/_yard.scss+1−1

@@ -1,5 +1,5 @@
1	._yard {	1	._yard {
2	@extend %simple;	2	@extend %simple;
3		3
4	.tag_title { font-weight: $boldFontWeight; }	4	.tag_title { font-weight: var(--boldFontWeight); }
5	}	5	}

assets/stylesheets/pages/_yii.scss+1−1

@@ -3,6 +3,6 @@ · 2 unmodified lines
3		3
4	.detail-header-tag, .detailHeaderTag {	4	.detail-header-tag, .detailHeaderTag {
5	float: right;	5	float: right;
6	color: $textColorLight;	6	color: var(--textColorLight);
7	}	7	}
8	}	8	}

lib/app.rb+2−16

   Rack::Mime::MIME_TYPES['.webapp'] = 'application/x-web-app-manifest+json'
   configure do
+    use Rack::SslEnforcer, only_environments: ['production', 'test'], hsts: false, force_secure_cookies: false
     set :sentry_dsn, ENV['SENTRY_DSN']
     set :protection, except: [:frame_options, :xss_header]
       @@manifest_asset_urls ||= [
         javascript_path('application', asset_host: false),
         stylesheet_path('application'),
-        stylesheet_path('application-dark'),
         image_path('docs-1.png'),
         image_path('docs-1@2x.png'),
         image_path('docs-2.png'),
       ]
     end
-    def main_stylesheet_path
-      stylesheet_paths[dark_theme? ? :dark : :default]
-    end
-    def alternate_stylesheet_path
-      stylesheet_paths[dark_theme? ? :default : :dark]
-    end
-    def stylesheet_paths
-      @@stylesheet_paths ||= {
-        default: stylesheet_path('application'),
-        dark: stylesheet_path('application-dark')
-      }
-    end
     def app_size
       @app_size ||= memoized_cookies['size'].nil? ? '20rem' : "#{memoized_cookies['size']}px"
     end

lib/docs/filters/elixir/clean_html.rb+1−0

@@ -59,6 +59,7 @@ module Docs · 58 unmodified lines
59		59
60	css('pre').each do \|node\|	60	css('pre').each do \|node\|
61	node['data-language'] = 'elixir'	61	node['data-language'] = 'elixir'
		62	node.content = node.content
62	end	63	end
63	end	64	end
64	end	65	end

lib/docs/filters/express/clean_html.rb+5−0

           node.parent.content = node.parent.content
         end
+        # Fix links to the method reference
+        css('a').each do |node|
+          node['href'] = node['href'].sub('4x/api', 'index')
+        end
         doc
       end
     end

lib/docs/filters/handlebars/clean_html.rb+44−0

@@ -0,0 +1,44 @@
	1	module Docs
	2	class Handlebars
	3	class CleanHtmlFilter < Filter
	4	def call
	5	# Remove the t-shirt shop advertisement
	6	css('#callout').remove
	7
	8	# The title filter is used to add titles to pages without one, remove original headers
	9	css('h1').remove
	10
	11	# Remove the link to the issue tracker
	12	css('.issue-tracker').remove
	13
	14	css('pre').each do \|node\|
	15	# Remove nested nodes inside pre tags
	16	node.content = node.content
	17
	18	# Add syntax highlighting
	19	node['data-language'] = 'html'
	20	end
	21
	22	# Transform 'Learn More' links to headers in the "Getting Started" part of the homepage
	23	# If this step is skipped, that section looks cluttered with 4 sub-sections without any dividers
	24	css('#getting-started + .contents a.more-info').each do \|node\|
	25	clone = node.clone
	26
	27	# Move it to the top of the sub-section
	28	node.parent.prepend_child(clone)
	29
	30	# Turn it into a header
	31	clone.name = 'h3'
	32
	33	# Remove the "Learn More: " part
	34	clone.content = clone.content[12..-1]
	35	end
	36
	37	# Remove class attributes from div elements to reduce file size
	38	css('div').remove_attr('class')
	39
	40	doc
	41	end
	42	end
	43	end
	44	end

lib/docs/filters/handlebars/entries.rb+19−0

@@ -0,0 +1,19 @@
	1	module Docs
	2	class Handlebars
	3	class EntriesFilter < Docs::EntriesFilter
	4	def get_name
	5	subpath[0..-6].titleize
	6	end
	7
	8	def get_type
	9	name
	10	end
	11
	12	def additional_entries
	13	css('h2, h3').to_a.map do \|node\|
	14	[node.content.strip, node['id'], root_page? ? 'Manual' : nil]
	15	end
	16	end
	17	end
	18	end
	19	end

lib/docs/filters/puppeteer/clean_html.rb+24−0

@@ -0,0 +1,24 @@
	1	module Docs
	2	class Puppeteer
	3	class CleanHtmlFilter < Filter
	4	def call
	5	at_css('h1').content = 'Puppeteer Documentation'
	6
	7	# None of the elements to remove have classes, so the order of the remove calls is trivial
	8
	9	# Remove links to previous versions of the reference
	10	at_css('h1 + ul').remove
	11
	12	# Remove table of contents
	13	at_css('h1 + h5').remove
	14	at_css('h1 + ul').remove
	15
	16	# Make headers bigger by transforming them into a bigger variant
	17	css('h3').each { \|node\| node.name = 'h2' }
	18	css('h4').each { \|node\| node.name = 'h3' }
	19
	20	doc
	21	end
	22	end
	23	end
	24	end

lib/docs/filters/puppeteer/entries.rb+41−0

@@ -0,0 +1,41 @@
	1	module Docs
	2	class Puppeteer
	3	class EntriesFilter < Docs::EntriesFilter
	4	# The entire reference is one big page, so get_name and get_type are not necessary
	5
	6	def additional_entries
	7	entries = []
	8
	9	css('h3').each do \|node\|
	10	name = node.content.split(': ').last
	11
	12	# Find all sub-items (all h4's between the current h3 and the next)
	13	current = node.next
	14	while !current.nil? && current.name != 'h3'
	15	if current.name == 'h4'
	16	current_name = current.content
	17
	18	# Prepend events with the class name
	19	if current_name.start_with?('event: ')
	20	current_name = "#{name} event: #{current_name[/'(.*)'/, 1]}"
	21	end
	22
	23	# Remove arguments from functions
	24	if current_name.include?('(')
	25	current_name = current_name.split('(')[0] + '()'
	26	end
	27
	28	entries << [current_name, current['id'], name]
	29	end
	30
	31	current = current.next
	32	end
	33
	34	entries << [name, node['id'], name]
	35	end
	36
	37	entries
	38	end
	39	end
	40	end
	41	end

lib/docs/filters/python/clean_html.rb+5−3

       def other
         css('h1').each do |node|
-          node.content = node.content.sub!(/\A[\d\.]+/) do |str|
+          node.content = node.content.sub(/\A[\d\.]+/) do |str|
             rgx = /\A#{str}/
             @levelRegexp = @levelRegexp ? Regexp.union(@levelRegexp, rgx) : rgx
             ''
           end
         end
-        css('h2', 'h3', 'h4').each do |node|
+        unless @levelRegexp.nil?
-          node.inner_html = node.inner_html.remove @levelRegexp
+          css('h2', 'h3', 'h4').each do |node|
+            node.inner_html = node.inner_html.remove @levelRegexp
+          end
         end
       end
     end

lib/docs/filters/python/entries_v3.rb+12−10

@@ -2,16 +2,18 @@ module Docs · 1 unmodified line
2	class Python	2	class Python
3	class EntriesV3Filter < Docs::EntriesFilter	3	class EntriesV3Filter < Docs::EntriesFilter
4	REPLACE_TYPES = {	4	REPLACE_TYPES = {
5	'Cryptographic' => 'Cryptography',	5	'contextvars — Context Variables' => 'Context Variables',
6	'Custom Interpreters' => 'Interpreters',	6	'Cryptographic' => 'Cryptography',
7	'Data Compression & Archiving' => 'Data Compression',	7	'Custom Interpreters' => 'Interpreters',
8	'Generic Operating System' => 'Operating System',	8	'Data Compression & Archiving' => 'Data Compression',
9	'Graphical User Interfaces with Tk' => 'Tk',	9	'email — An email & MIME handling package' => 'Email',
10	'Internet Data Handling' => 'Internet Data',	10	'Generic Operating System' => 'Operating System',
11	'Internet Protocols & Support' => 'Internet',	11	'Graphical User Interfaces with Tk' => 'Tk',
12	'Interprocess Communication & Networking' => 'Networking',	12	'Internet Data Handling' => 'Internet Data',
13	'Program Frameworks' => 'Frameworks',	13	'Internet Protocols & Support' => 'Internet',
14	'Structured Markup Processing Tools' => 'Structured Markup' }	14	'Interprocess Communication & Networking' => 'Networking',
		15	'Program Frameworks' => 'Frameworks',
		16	'Structured Markup Processing Tools' => 'Structured Markup' }
15		17
16	def get_name	18	def get_name
17	name = at_css('h1').content	19	name = at_css('h1').content

lib/docs/filters/rust/clean_html.rb+32−4

   class Rust
     class CleanHtmlFilter < Filter
       def call
-        puts subpath if at_css('#versioninfo')
         if slug.start_with?('book') ||  slug.start_with?('reference')
           @doc = at_css('#content main')
         elsif slug == 'error-index'
         css('.rusttest', '.test-arrow', 'hr').remove
+        css('.docblock.attributes').each do |node|
+          node.remove if node.content.include?('#[must_use]')
+        end
         css('a.header').each do |node|
           node.first_element_child['id'] = node['name'] || node['id']
           node.before(node.children).remove
         end
-        css('.docblock > h1').each { |node| node.name = 'h4' }
+        css('.docblock > h1:not(.section-header)').each { |node| node.name = 'h4' }
         css('h2.section-header').each { |node| node.name = 'h3' }
         css('h1.section-header').each { |node| node.name = 'h2' }
           end
         end
-        css('> .impl-items', '> .docblock', 'pre > pre').each do |node|
+        css('> .impl-items', '> .docblock', 'pre > pre', '.tooltiptext', '.tooltip').each do |node|
           node.before(node.children).remove
         end
         doc.first_element_child.name = 'h1' if doc.first_element_child.name = 'h2'
         at_css('h1').content = 'Rust Documentation' if root_page?
+        css('.table-display').each do |node|
+          node.css('td').each do |td|
+            node.before(td.children)
+          end
+          node.remove
+        end
+        css('h2 .important-traits', 'h3 .important-traits', 'h4 .important-traits').each do |node|
+          content = node.at_css('.content.hidden .content')
+          node.at_css('.content.hidden').replace(content) if content
+          node.parent.after(node)
+        end
+        css('code.content').each do |node|
+          node.name = 'pre'
+          node.css('.fmt-newline').each do |line|
+            line.inner_html = line.inner_html + "\n"
+          end
+          node.inner_html = node.inner_html.gsub('<br>', "\n")
+          node.content = node.content
+        end
+        css('.since + .srclink').each do |node|
+          node.previous_element.before(node)
+        end
         doc
       end
     end

lib/docs/filters/rust/entries.rb+8−5

             entries << [node.content, node['id']] unless node.content.include?('Note:')
           end
         else
-          css('#methods + * + div > .method', '#required-methods + div > .method', '#provided-methods + div > .method').map do |node|
+          css('.method')
-            name = node.at_css('.fnname').content
+            .select {|node| !node.at_css('.fnname').nil?}
-            name.prepend "#{self.name}::"
+            .map {|node|
-            [name, node['id']]
+              name = node.at_css('.fnname').content
-          end
+              name.prepend "#{self.name}::"
+              [name, node['id']]
+            }
+            .uniq {|item| item[0]}
         end
       end
     end

lib/docs/scrapers/apache_pig.rb+1−1

@@ -2,7 +2,7 @@ module Docs · 1 unmodified line
2	class ApachePig < UrlScraper	2	class ApachePig < UrlScraper
3	self.name = 'Apache Pig'	3	self.name = 'Apache Pig'
4	self.slug = 'apache_pig'	4	self.slug = 'apache_pig'
5	self.type = 'apache_pig'	5	self.type = 'simple'
6	self.links = {	6	self.links = {
7	home: 'https://pig.apache.org/'	7	home: 'https://pig.apache.org/'
8	}	8	}

lib/docs/scrapers/bower.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Bower < UrlScraper	2	class Bower < UrlScraper
3	self.name = 'Bower'	3	self.name = 'Bower'
4	self.type = 'bower'	4	self.type = 'simple'
5	self.release = '1.8.4'	5	self.release = '1.8.4'
6	self.base_url = 'https://bower.io/docs/'	6	self.base_url = 'https://bower.io/docs/'
7	self.root_path = 'api'	7	self.root_path = 'api'

lib/docs/scrapers/chai.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Chai < UrlScraper	2	class Chai < UrlScraper
3	self.name = 'Chai'	3	self.name = 'Chai'
4	self.type = 'chai'	4	self.type = 'simple'
5	self.release = '4.1.0'	5	self.release = '4.1.0'
6	self.base_url = 'http://chaijs.com'	6	self.base_url = 'http://chaijs.com'
7	self.root_path = '/api/'	7	self.root_path = '/api/'

lib/docs/scrapers/codeceptjs.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Codeceptjs < UrlScraper	2	class Codeceptjs < UrlScraper
3	self.name = 'CodeceptJS'	3	self.name = 'CodeceptJS'
4	self.type = 'codeceptjs'	4	self.type = 'simple'
5	self.root_path = 'index.html'	5	self.root_path = 'index.html'
6	self.release = '1.3.1'	6	self.release = '1.3.1'
7	self.base_url = 'https://codecept.io/'	7	self.base_url = 'https://codecept.io/'

lib/docs/scrapers/docker.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Docker < UrlScraper	2	class Docker < UrlScraper
3	self.type = 'docker'	3	self.type = 'simple'
4	self.links = {	4	self.links = {
5	home: 'https://docker.com/',	5	home: 'https://docker.com/',
6	code: 'https://github.com/docker/docker'	6	code: 'https://github.com/docker/docker'

lib/docs/scrapers/electron.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Electron < UrlScraper	2	class Electron < UrlScraper
3	self.type = 'electron'	3	self.type = 'simple'
4	self.base_url = 'https://electronjs.org/docs'	4	self.base_url = 'https://electronjs.org/docs'
5	self.release = '2.0.2'	5	self.release = '2.0.2'
6	self.links = {	6	self.links = {

lib/docs/scrapers/elixir.rb+1−1

@@ -34,7 +34,7 @@ module Docs · 33 unmodified lines
34	end	34	end
35		35
36	version '1.7' do	36	version '1.7' do
37	self.release = '1.7.2'	37	self.release = '1.7.3'
38	self.base_urls = [	38	self.base_urls = [
39	"https://hexdocs.pm/elixir/#{release}/",	39	"https://hexdocs.pm/elixir/#{release}/",
40	"https://hexdocs.pm/eex/#{release}/",	40	"https://hexdocs.pm/eex/#{release}/",

lib/docs/scrapers/express.rb+1−1

@@ -2,7 +2,7 @@ module Docs · 1 unmodified line
2	class Express < UrlScraper	2	class Express < UrlScraper
3	self.name = 'Express'	3	self.name = 'Express'
4	self.type = 'express'	4	self.type = 'express'
5	self.release = '4.16.1'	5	self.release = '4.16.3'
6	self.base_url = 'http://expressjs.com/en/'	6	self.base_url = 'http://expressjs.com/en/'
7	self.root_path = '4x/api.html'	7	self.root_path = '4x/api.html'
8	self.initial_paths = %w(	8	self.initial_paths = %w(

lib/docs/scrapers/fish.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Fish < UrlScraper	2	class Fish < UrlScraper
3	self.name = 'Fish'	3	self.name = 'Fish'
4	self.type = 'fish'	4	self.type = 'simple'
5	self.root_path = 'index.html'	5	self.root_path = 'index.html'
6	self.links = {	6	self.links = {
7	home: 'https://fishshell.com/',	7	home: 'https://fishshell.com/',

lib/docs/scrapers/flow.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Flow < UrlScraper	2	class Flow < UrlScraper
3	self.type = 'flow'	3	self.type = 'simple'
4	self.release = '0.79.1'	4	self.release = '0.79.1'
5	self.base_url = 'https://flow.org/en/docs/'	5	self.base_url = 'https://flow.org/en/docs/'
6	self.links = {	6	self.links = {

lib/docs/scrapers/gnu.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Gnu < FileScraper	2	class Gnu < FileScraper
3	self.type = 'gnu'	3	self.type = 'simple'
4	self.root_path = 'index.html'	4	self.root_path = 'index.html'
5	self.abstract = 'true'	5	self.abstract = 'true'
6		6

lib/docs/scrapers/grunt.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Grunt < UrlScraper	2	class Grunt < UrlScraper
3	self.name = 'Grunt'	3	self.name = 'Grunt'
4	self.type = 'grunt'	4	self.type = 'simple'
5	self.release = '1.0.1'	5	self.release = '1.0.1'
6	self.base_url = 'https://gruntjs.com/'	6	self.base_url = 'https://gruntjs.com/'
7	self.root_path = 'getting-started'	7	self.root_path = 'getting-started'

lib/docs/scrapers/handlebars.rb+23−0

@@ -0,0 +1,23 @@
	1	module Docs
	2	class Handlebars < UrlScraper
	3	self.name = 'Handlebars.js'
	4	self.slug = 'handlebars'
	5	self.type = 'simple'
	6	self.release = '4.0.12'
	7	self.base_url = 'https://handlebarsjs.com/'
	8	self.links = {
	9	home: 'https://handlebarsjs.com/',
	10	code: 'https://github.com/wycats/handlebars.js/'
	11	}
	12
	13	html_filters.push 'handlebars/entries', 'handlebars/clean_html', 'title'
	14
	15	options[:container] = '#contents'
	16	options[:root_title] = 'Handlebars.js'
	17
	18	options[:attribution] = <<-HTML
	19	© 2011–2017 by Yehuda Katz<br>
	20	Licensed under the MIT License.
	21	HTML
	22	end
	23	end

lib/docs/scrapers/haxe.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Haxe < UrlScraper	2	class Haxe < UrlScraper
3	self.name = 'Haxe'	3	self.name = 'Haxe'
4	self.type = 'haxe'	4	self.type = 'simple'
5	self.release = '3.4.7'	5	self.release = '3.4.7'
6	self.base_url = 'https://api.haxe.org/'	6	self.base_url = 'https://api.haxe.org/'
7		7

lib/docs/scrapers/immutable.rb+1−1

@@ -2,7 +2,7 @@ module Docs · 1 unmodified line
2	class Immutable < UrlScraper	2	class Immutable < UrlScraper
3	self.name = 'Immutable.js'	3	self.name = 'Immutable.js'
4	self.slug = 'immutable'	4	self.slug = 'immutable'
5	self.type = 'immutable'	5	self.type = 'simple'
6	self.release = '3.8.1'	6	self.release = '3.8.1'
7	self.base_url = 'https://facebook.github.io/immutable-js/docs/'	7	self.base_url = 'https://facebook.github.io/immutable-js/docs/'
8	self.links = {	8	self.links = {

lib/docs/scrapers/influxdata.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Influxdata < UrlScraper	2	class Influxdata < UrlScraper
3	self.name = 'InfluxData'	3	self.name = 'InfluxData'
4	self.type = 'influxdata'	4	self.type = 'simple'
5	self.release = '1.3'	5	self.release = '1.3'
6	self.base_url = 'https://docs.influxdata.com/'	6	self.base_url = 'https://docs.influxdata.com/'
7	self.links = {	7	self.links = {

lib/docs/scrapers/jasmine.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Jasmine < UrlScraper	2	class Jasmine < UrlScraper
3	self.type = 'jasmine'	3	self.type = 'simple'
4	self.release = '3.2.1'	4	self.release = '3.2.1'
5	self.base_url = 'https://jasmine.github.io/api/3.2/'	5	self.base_url = 'https://jasmine.github.io/api/3.2/'
6	self.root_path = 'index.html'	6	self.root_path = 'index.html'

lib/docs/scrapers/jest.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Jest < UrlScraper	2	class Jest < UrlScraper
3	self.type = 'jest'	3	self.type = 'simple'
4	self.release = '23.5.0'	4	self.release = '23.5.0'
5	self.base_url = 'https://jestjs.io/docs/en/'	5	self.base_url = 'https://jestjs.io/docs/en/'
6	self.root_path = 'getting-started'	6	self.root_path = 'getting-started'

lib/docs/scrapers/laravel.rb+13−0

@@ -29,6 +29,19 @@ module Docs · 28 unmodified lines
29	Laravel is a trademark of Taylor Otwell.	29	Laravel is a trademark of Taylor Otwell.
30	HTML	30	HTML
31		31
		32	version '5.7' do
		33	self.release = '5.7.7'
		34	self.root_path = '/api/5.7/index.html'
		35	self.initial_paths = %w(/docs/5.7/installation /api/5.7/classes.html)
		36
		37	options[:only_patterns] = [%r{\A/api/5\.7/}, %r{\A/docs/5\.7/}]
		38
		39	options[:fix_urls] = ->(url) do
		40	url.sub! %r{#{Regexp.escape(Laravel.base_url)}/docs\/(?!\d)}, "#{Laravel.base_url}/docs/5.7/"
		41	url
		42	end
		43	end
		44
32	version '5.6' do	45	version '5.6' do
33	self.release = '5.6.33'	46	self.release = '5.6.33'
34	self.root_path = '/api/5.6/index.html'	47	self.root_path = '/api/5.6/index.html'

lib/docs/scrapers/less.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Less < UrlScraper	2	class Less < UrlScraper
3	self.type = 'less'	3	self.type = 'simple'
4	self.release = '2.7.2'	4	self.release = '2.7.2'
5	self.base_url = 'http://lesscss.org'	5	self.base_url = 'http://lesscss.org'
6	self.root_path = '/features'	6	self.root_path = '/features'

lib/docs/scrapers/lodash.rb+1−1

@@ -2,7 +2,7 @@ module Docs · 1 unmodified line
2	class Lodash < UrlScraper	2	class Lodash < UrlScraper
3	self.name = 'lodash'	3	self.name = 'lodash'
4	self.slug = 'lodash'	4	self.slug = 'lodash'
5	self.type = 'lodash'	5	self.type = 'simple'
6	self.links = {	6	self.links = {
7	home: 'https://lodash.com/',	7	home: 'https://lodash.com/',
8	code: 'https://github.com/lodash/lodash/'	8	code: 'https://github.com/lodash/lodash/'

lib/docs/scrapers/marionette.rb+1−1

@@ -2,7 +2,7 @@ module Docs · 1 unmodified line
2	class Marionette < UrlScraper	2	class Marionette < UrlScraper
3	self.name = 'Marionette.js'	3	self.name = 'Marionette.js'
4	self.slug = 'marionette'	4	self.slug = 'marionette'
5	self.type = 'marionette'	5	self.type = 'simple'
6	self.root_path = 'index'	6	self.root_path = 'index'
7	self.links = {	7	self.links = {
8	home: 'https://marionettejs.com/',	8	home: 'https://marionettejs.com/',

lib/docs/scrapers/markdown.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Markdown < UrlScraper	2	class Markdown < UrlScraper
3	self.name = 'Markdown'	3	self.name = 'Markdown'
4	self.type = 'markdown'	4	self.type = 'simple'
5	self.base_url = 'http://daringfireball.net/projects/markdown/syntax'	5	self.base_url = 'http://daringfireball.net/projects/markdown/syntax'
6		6
7	html_filters.push 'markdown/clean_html', 'markdown/entries'	7	html_filters.push 'markdown/clean_html', 'markdown/entries'

lib/docs/scrapers/mocha.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Mocha < UrlScraper	2	class Mocha < UrlScraper
3	self.type = 'mocha'	3	self.type = 'simple'
4	self.release = '5.0.1'	4	self.release = '5.0.1'
5	self.base_url = 'https://mochajs.org/'	5	self.base_url = 'https://mochajs.org/'
6	self.links = {	6	self.links = {

lib/docs/scrapers/mongoose.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Mongoose < UrlScraper	2	class Mongoose < UrlScraper
3	self.name = 'Mongoose'	3	self.name = 'Mongoose'
4	self.type = 'mongoose'	4	self.type = 'simple'
5	self.release = '4.13.1'	5	self.release = '4.13.1'
6	self.base_url = 'http://mongoosejs.com/docs/'	6	self.base_url = 'http://mongoosejs.com/docs/'
7	self.root_path = 'index.html'	7	self.root_path = 'index.html'

lib/docs/scrapers/nim.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Nim < UrlScraper	2	class Nim < UrlScraper
3	self.type = 'nim'	3	self.type = 'simple'
4	self.release = '0.18.0'	4	self.release = '0.18.0'
5	self.base_url = 'https://nim-lang.org/docs/'	5	self.base_url = 'https://nim-lang.org/docs/'
6	self.root_path = 'overview.html'	6	self.root_path = 'overview.html'

lib/docs/scrapers/puppeteer.rb+18−0

@@ -0,0 +1,18 @@
	1	module Docs
	2	class Puppeteer < Github
	3	self.release = '1.8.0'
	4	self.base_url = 'https://github.com/GoogleChrome/puppeteer/blob/v1.8.0/docs/api.md'
	5	self.links = {
	6	code: 'https://github.com/GoogleChrome/puppeteer'
	7	}
	8
	9	html_filters.push 'puppeteer/entries', 'puppeteer/clean_html'
	10
	11	options[:container] = '.markdown-body'
	12
	13	options[:attribution] = <<-HTML
	14	© 2017 Google Inc<br>
	15	Licensed under the Apache License 2.0.
	16	HTML
	17	end
	18	end

lib/docs/scrapers/redux.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Redux < UrlScraper	2	class Redux < UrlScraper
3	self.type = 'redux'	3	self.type = 'simple'
4	self.release = '3.7.2'	4	self.release = '3.7.2'
5	self.base_url = 'http://redux.js.org/docs/'	5	self.base_url = 'http://redux.js.org/docs/'
6	self.links = {	6	self.links = {

lib/docs/scrapers/requirejs.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Requirejs < UrlScraper	2	class Requirejs < UrlScraper
3	self.name = 'RequireJS'	3	self.name = 'RequireJS'
4	self.type = 'requirejs'	4	self.type = 'simple'
5	self.release = '2.3.5'	5	self.release = '2.3.5'
6	self.base_url = 'http://requirejs.org/docs/'	6	self.base_url = 'http://requirejs.org/docs/'
7	self.links = {	7	self.links = {

lib/docs/scrapers/rust.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Rust < UrlScraper	2	class Rust < UrlScraper
3	self.type = 'rust'	3	self.type = 'rust'
4	self.release = '1.28.0'	4	self.release = '1.29.1'
5	self.base_url = 'https://doc.rust-lang.org/'	5	self.base_url = 'https://doc.rust-lang.org/'
6	self.root_path = 'book/second-edition/index.html'	6	self.root_path = 'book/second-edition/index.html'
7	self.initial_paths = %w(	7	self.initial_paths = %w(

lib/docs/scrapers/typescript.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Typescript < UrlScraper	2	class Typescript < UrlScraper
3	self.name = 'TypeScript'	3	self.name = 'TypeScript'
4	self.type = 'typescript'	4	self.type = 'simple'
5	self.release = '3.0.1'	5	self.release = '3.0.1'
6	self.base_url = 'https://www.typescriptlang.org/docs/'	6	self.base_url = 'https://www.typescriptlang.org/docs/'
7	self.root_path = 'tutorial.html'	7	self.root_path = 'tutorial.html'

lib/docs/scrapers/vagrant.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Vagrant < UrlScraper	2	class Vagrant < UrlScraper
3	self.name = 'Vagrant'	3	self.name = 'Vagrant'
4	self.type = 'vagrant'	4	self.type = 'simple'
5	self.release = '2.1.1'	5	self.release = '2.1.1'
6	self.base_url = 'https://www.vagrantup.com/docs/'	6	self.base_url = 'https://www.vagrantup.com/docs/'
7	self.root_path = 'index.html'	7	self.root_path = 'index.html'

lib/docs/scrapers/vulkan.rb+1−1

@@ -1,7 +1,7 @@
1	module Docs	1	module Docs
2	class Vulkan < UrlScraper	2	class Vulkan < UrlScraper
3	self.name = 'Vulkan'	3	self.name = 'Vulkan'
4	self.type = 'vulkan'	4	self.type = 'simple'
5	self.release = '1.0.59'	5	self.release = '1.0.59'
6	self.base_url = 'https://www.khronos.org/registry/vulkan/specs/1.0/'	6	self.base_url = 'https://www.khronos.org/registry/vulkan/specs/1.0/'
7	self.root_path = 'apispec.html'	7	self.root_path = 'apispec.html'

lib/docs/scrapers/yarn.rb+1−1

@@ -1,6 +1,6 @@
1	module Docs	1	module Docs
2	class Yarn < UrlScraper	2	class Yarn < UrlScraper
3	self.type = 'yarn'	3	self.type = 'simple'
4	self.release = '1.9.4'	4	self.release = '1.9.4'
5	self.base_url = 'https://yarnpkg.com/en/docs/'	5	self.base_url = 'https://yarnpkg.com/en/docs/'
6	self.links = {	6	self.links = {

lib/tasks/docs.thor+6−2

   private
   def find_docs(names)
-    names.map do |name|
+    names.flat_map do |name|
       name, version = name.split(/@|~/)
-      Docs.find(name, version)
+      if version == 'all'
+        Docs.find(name, false).versions
+      else
+        Docs.find(name, version)
+      end
     end
   end

lib/tasks/sprites.thor+1−1

@@ -89,7 +89,7 @@ class SpritesCLI < Thor · 88 unmodified lines
89	# Unfortunately, it's not possible to get the value of a SCSS variable from a Thor task	89	# Unfortunately, it's not possible to get the value of a SCSS variable from a Thor task
90	# Because hard-coding the value is even worse, we extract it using some regex	90	# Because hard-coding the value is even worse, we extract it using some regex
91	path = 'assets/stylesheets/global/_variables-dark.scss'	91	path = 'assets/stylesheets/global/_variables-dark.scss'
92	regex = /\$sidebarBackground:\s+([^;]+);/	92	regex = /--sidebarBackground:\s+([^;]+);/
93	ChunkyPNG::Color.parse(File.read(path)[regex, 1])	93	ChunkyPNG::Color.parse(File.read(path)[regex, 1])
94	end	94	end
95		95

public/icons/docs/handlebars/16.png+0−0

Binary file not shown.

public/icons/docs/handlebars/16@2x.png+0−0

Binary file not shown.

public/icons/docs/handlebars/SOURCE+1−0

@@ -0,0 +1 @@
		1	https://github.com/yahoo/formatjs-site/tree/master/public/img

public/icons/docs/puppeteer/16.png+0−0

Binary file not shown.

public/icons/docs/puppeteer/16@2x.png+0−0

Binary file not shown.

public/icons/docs/puppeteer/SOURCE+1−0

@@ -0,0 +1 @@
		1	https://github.com/GoogleChromeLabs/pptr.dev/tree/master/src/favicons

public/images/webapp-icon-512.png+0−0

Binary file not shown.

public/manifest.json+5−0

       "src": "/images/webapp-icon-256.png",
       "sizes": "256x256",
       "type": "image/png"
+    },
+    {
+      "src": "/images/webapp-icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
     }
   ]
 }

test/app_test.rb+43−21

     App
   end
+  before do
+    current_session.env('HTTPS', 'on')
+  end
+  it 'redirects to HTTPS' do
+    get 'http://example.com/test?q=1', {}, 'HTTPS' => 'off'
+    assert last_response.redirect?
+    assert_equal 'https://example.com/test?q=1', last_response['Location']
+  end
   describe "/" do
     it "works" do
       get '/'
     it "redirects to /#q= when there is a 'q' query param" do
       get '/search', q: 'foo'
       assert last_response.redirect?
-      assert_equal 'http://example.org/#q=foo', last_response['Location']
+      assert_equal 'https://example.org/#q=foo', last_response['Location']
     end
     it "redirects without the query string" do
       get '/', foo: 'bar'
       assert last_response.redirect?
-      assert_equal 'http://example.org/', last_response['Location']
+      assert_equal 'https://example.org/', last_response['Location']
     end
     it "sets default size" do
       get '/'
       assert_includes last_response.body, '<body class="foo">'
     end
+    it "sets the <html> theme from cookie" do
+      get '/'
+      assert_match %r{<html [^>]*class="[^\"]*_theme-default}, last_response.body
+      refute_includes last_response.body, '_theme-dark'
+      set_cookie('dark=1')
+      get '/'
+      assert_match %r{<html [^>]*class="[^\"]*_theme-dark}, last_response.body
+      refute_includes last_response.body, '_theme-default'
+    end
   end
   describe "/[static-page]" do
       %w(offline about news help).each do |page|
         get "/#{page}", {}, 'HTTP_USER_AGENT' => MODERN_BROWSER
         assert last_response.redirect?
-        assert_equal "http://example.org/#/#{page}", last_response['Location']
+        assert_equal "https://example.org/#/#{page}", last_response['Location']
       end
     end
         set_cookie('foo=bar')
         get "/#{page}", {}, 'HTTP_USER_AGENT' => MODERN_BROWSER
         assert last_response.redirect?
-        assert_equal 'http://example.org/', last_response['Location']
+        assert_equal 'https://example.org/', last_response['Location']
         assert last_response['Set-Cookie'].start_with?("initial_path=%2F#{page}; path=/; expires=")
       end
     end
     it "redirects to /#q=" do
       get '/search'
       assert last_response.redirect?
-      assert_equal 'http://example.org/#q=', last_response['Location']
+      assert_equal 'https://example.org/#q=', last_response['Location']
       get '/search', q: 'foo'
       assert last_response.redirect?
-      assert_equal 'http://example.org/#q=foo', last_response['Location']
+      assert_equal 'https://example.org/#q=foo', last_response['Location']
     end
   end
       set_cookie('docs=html~5')
       get '/html~5/', {}, 'HTTP_USER_AGENT' => MODERN_BROWSER
       assert last_response.redirect?
-      assert_equal 'http://example.org/', last_response['Location']
+      assert_equal 'https://example.org/', last_response['Location']
       assert last_response['Set-Cookie'].start_with?("initial_path=%2Fhtml%7E5%2F; path=/; expires=")
     end
       set_cookie('docs=html~5')
       get '/html/', {}, 'HTTP_USER_AGENT' => MODERN_BROWSER
       assert last_response.redirect?
-      assert_equal 'http://example.org/', last_response['Location']
+      assert_equal 'https://example.org/', last_response['Location']
       assert last_response['Set-Cookie'].start_with?("initial_path=%2Fhtml%2F; path=/; expires=")
     end
     it "renders when the doc exists and is enabled, and the request is from Googlebot" do
       set_cookie('docs=html')
-      get '/html/', {}, 'HTTP_USER_AGENT' => 'Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)'
+      get '/html/', {}, 'HTTP_USER_AGENT' => 'Mozilla/5.0 (compatible; Googlebot/2.1; +https://www.google.com/bot.html)'
       assert last_response.ok?
     end
     it "redirects with trailing slash" do
       get '/html'
       assert last_response.redirect?
-      assert_equal 'http://example.org/html/', last_response['Location']
+      assert_equal 'https://example.org/html/', last_response['Location']
       get '/html', bar: 'baz'
       assert last_response.redirect?
-      assert_equal 'http://example.org/html/?bar=baz', last_response['Location']
+      assert_equal 'https://example.org/html/?bar=baz', last_response['Location']
     end
     it "redirects old docs" do
       get '/iojs/'
       assert last_response.redirect?
-      assert_equal 'http://example.org/node/', last_response['Location']
+      assert_equal 'https://example.org/node/', last_response['Location']
     end
   end
     it "redirects with trailing slash" do
       get '/css-foo'
       assert last_response.redirect?
-      assert_equal 'http://example.org/css-foo/', last_response['Location']
+      assert_equal 'https://example.org/css-foo/', last_response['Location']
       get '/css-foo', bar: 'baz'
       assert last_response.redirect?
-      assert_equal 'http://example.org/css-foo/?bar=baz', last_response['Location']
+      assert_equal 'https://example.org/css-foo/?bar=baz', last_response['Location']
     end
     it "redirects old docs" do
       get '/yii1-foo/'
       assert last_response.redirect?
-      assert_equal 'http://example.org/yii~1.1-foo/', last_response['Location']
+      assert_equal 'https://example.org/yii~1.1-foo/', last_response['Location']
     end
   end
     it "redirects without trailing slash" do
       get '/css/foo/'
       assert last_response.redirect?
-      assert_equal 'http://example.org/css/foo', last_response['Location']
+      assert_equal 'https://example.org/css/foo', last_response['Location']
       get '/css/foo/', bar: 'baz'
       assert last_response.redirect?
-      assert_equal 'http://example.org/css/foo?bar=baz', last_response['Location']
+      assert_equal 'https://example.org/css/foo?bar=baz', last_response['Location']
     end
     it "redirects old docs" do
       get '/python2/foo'
       assert last_response.redirect?
-      assert_equal 'http://example.org/python~2.7/foo', last_response['Location']
+      assert_equal 'https://example.org/python~2.7/foo', last_response['Location']
     end
   end
     it "returns to the asset path" do
       get '/docs.json'
       assert last_response.redirect?
-      assert_equal 'http://example.org/assets/docs.json', last_response['Location']
+      assert_equal 'https://example.org/assets/docs.json', last_response['Location']
     end
   end
     it "returns to the asset path" do
       get '/application.js'
       assert last_response.redirect?
-      assert_equal 'http://example.org/assets/application.js', last_response['Location']
+      assert_equal 'https://example.org/assets/application.js', last_response['Location']
     end
   end
     it "returns to the asset path" do
       get '/application.css'
       assert last_response.redirect?
-      assert_equal 'http://example.org/assets/application.css', last_response['Location']
+      assert_equal 'https://example.org/assets/application.css', last_response['Location']
     end
   end

views/index.erb+2−2

@@ -1,5 +1,5 @@
1	<!DOCTYPE html>	1	<!DOCTYPE html>
2	<html<%= ' manifest="/manifest.appcache"' if App.production? %> prefix="og: http://ogp.me/ns#" lang="en" class="_booting">	2	<html<%= ' manifest="/manifest.appcache"' if App.production? %> prefix="og: http://ogp.me/ns#" lang="en" class="_booting _theme-<%= app_theme %>">
3	<head>	3	<head>
4	<meta charset="utf-8">	4	<meta charset="utf-8">
5	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">	5	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
@@ -30,7 +30,7 @@ · 24 unmodified lines
30	<link rel="apple-touch-icon" sizes="152x152" href="<%= App.cdn_origin %>/images/apple-icon-152.png">	30	<link rel="apple-touch-icon" sizes="152x152" href="<%= App.cdn_origin %>/images/apple-icon-152.png">
31	<link rel="apple-touch-icon" sizes="160x160" href="<%= App.cdn_origin %>/images/apple-icon-160.png">	31	<link rel="apple-touch-icon" sizes="160x160" href="<%= App.cdn_origin %>/images/apple-icon-160.png">
32	<link rel="mask-icon" href="<%= App.cdn_origin %>/images/webkit-mask-icon.svg" color="#398df0">	32	<link rel="mask-icon" href="<%= App.cdn_origin %>/images/webkit-mask-icon.svg" color="#398df0">
33	<link rel="stylesheet" href="<%= main_stylesheet_path %>" data-alt="<%= alternate_stylesheet_path %>">	33	<%= stylesheet_tag 'application' %>
34	</head>	34	</head>
35	<body<%= %( class="#{app_layout}") if app_layout %>>	35	<body<%= %( class="#{app_layout}") if app_layout %>>
36	<noscript class="_fail">DevDocs requires JavaScript to run.</noscript>	36	<noscript class="_fail">DevDocs requires JavaScript to run.</noscript>

views/other.erb+2−2

@@ -1,5 +1,5 @@
1	<!DOCTYPE html>	1	<!DOCTYPE html>
2	<html lang="en" class="_booting">	2	<html lang="en" class="_booting _theme-<%= app_theme %>">
3	<head>	3	<head>
4	<meta charset="utf-8">	4	<meta charset="utf-8">
5	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">	5	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
@@ -11,7 +11,7 @@ · 5 unmodified lines
11	<link rel="manifest" href="/manifest.json">	11	<link rel="manifest" href="/manifest.json">
12	<link rel="icon" type="image/x-icon" href="<%= App.cdn_origin %>/favicon.ico">	12	<link rel="icon" type="image/x-icon" href="<%= App.cdn_origin %>/favicon.ico">
13	<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Search DevDocs">	13	<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Search DevDocs">
14	<link rel="stylesheet" href="<%= main_stylesheet_path %>" data-alt="<%= alternate_stylesheet_path %>">	14	<%= stylesheet_tag 'application' %>
15	</head>	15	</head>
16	<body<%= %( class="#{app_layout}") if app_layout %> data-doc="<%= CGI::escape_html @doc.to_json %>">	16	<body<%= %( class="#{app_layout}") if app_layout %> data-doc="<%= CGI::escape_html @doc.to_json %>">
17	<noscript class="_fail">DevDocs requires JavaScript to run.</noscript>	17	<noscript class="_fail">DevDocs requires JavaScript to run.</noscript>

views/unsupported.erb+4−7

     <h1 class="_fail-title">Your browser is unsupported, sorry.</h1>
     <p class="_fail-text">DevDocs is an API documentation browser which supports the following browsers:</p>
     <ul class="_fail-list">
-      <li>Recent versions of Chrome and Firefox</li>
+      <li>Recent versions of Firefox, Chrome, or Opera</li>
-      <li>Safari 5.1+</li>
+      <li>Safari 9.1+</li>
-      <li>Opera 12.1+</li>
+      <li>Edge 16+</li>
-      <li>Internet Explorer 10+</li>
+      <li>iOS 10+</li>
-      <li>iOS 6+</li>
-      <li>Android 4.1+</li>
-      <li>Windows Phone 8+</li>
     </ul>
     <p class="_fail-text">
       If you're unable to upgrade, I apologize.