mirror of https://github.com/freeCodeCamp/devdocs
Jasper van Merle
6 years ago
commit
63a8f840f3
@ -0,0 +1,11 @@
|
|||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
<!--
|
||||||
|
Please read the contributing guidelines before opening an issue:
|
||||||
|
https://github.com/freeCodeCamp/devdocs/blob/master/.github/CONTRIBUTING.md
|
||||||
|
|
||||||
|
Go here to request a new documentation:
|
||||||
|
https://trello.com/b/6BmTulfx/devdocs-documentation
|
||||||
|
-->
|
||||||
@ -1,10 +1,9 @@
|
|||||||
.DS_Store
|
.DS_Store
|
||||||
.bundle
|
.bundle
|
||||||
*.pxm
|
log
|
||||||
*.sketch
|
|
||||||
tmp
|
tmp
|
||||||
public/assets
|
public/assets
|
||||||
public/fonts
|
public/fonts
|
||||||
public/docs/**/*
|
public/docs/**/*
|
||||||
!public/docs/docs.json
|
docs/**/*
|
||||||
!public/docs/**/index.json
|
!docs/*.md
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
2.5.1
|
2.6.3
|
||||||
|
|||||||
@ -1,2 +1 @@
|
|||||||
public/icons
|
|
||||||
test
|
test
|
||||||
@ -1,4 +1,26 @@
|
|||||||
language: ruby
|
language: ruby
|
||||||
before_script:
|
|
||||||
|
addons:
|
||||||
|
apt:
|
||||||
|
packages:
|
||||||
|
- libcurl4-openssl-dev
|
||||||
|
|
||||||
|
cache: bundler
|
||||||
|
|
||||||
|
before_install:
|
||||||
|
- "echo 'gem: --no-document' > ~/.gemrc"
|
||||||
- gem update --system
|
- gem update --system
|
||||||
- gem install bundler
|
- gem install bundler
|
||||||
|
|
||||||
|
script:
|
||||||
|
- if [ "$TRAVIS_EVENT_TYPE" != "cron" ]; then bundle exec rake; fi
|
||||||
|
- if [ "$TRAVIS_EVENT_TYPE" = "cron" ]; then bundle exec thor updates:check --github-token $GH_TOKEN --upload; fi
|
||||||
|
|
||||||
|
deploy:
|
||||||
|
provider: heroku
|
||||||
|
app: devdocs
|
||||||
|
on:
|
||||||
|
branch: master
|
||||||
|
condition: $TRAVIS_EVENT_TYPE != cron
|
||||||
|
api_key:
|
||||||
|
secure: "4p1klvWJZSOImzFcKOduILjP93hlOlAhceWlYMKS4tU+TCFE8qTBzdKdFPSCsCgjB+YR9pBss+L0lJpVVMjSwFHXqpKe6EeUSltO2k7DFHfW7kXLUM/L0AfqXz+YXk76XUyZMhvOEbldPfaMaj10e8vgDOQCSHABDyK/4CU+hnI="
|
||||||
|
|||||||
@ -0,0 +1,2 @@
|
|||||||
|
|
||||||
|
> Our Code of Conduct is available here: <https://code-of-conduct.freecodecamp.org/>
|
||||||
@ -1,13 +1,13 @@
|
|||||||
Copyright 2013-2018 Thibaut Courouble and other contributors
|
Copyright 2013-2019 Thibaut Courouble and other contributors
|
||||||
|
|
||||||
This Source Code Form is subject to the terms of the Mozilla Public
|
This Source Code Form is subject to the terms of the Mozilla Public
|
||||||
License, v. 2.0. If a copy of the MPL was not distributed with this
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||||
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||||
|
|
||||||
Please do not use the name DevDocs to endorse or promote products
|
Please do not use the name DevDocs to endorse or promote products
|
||||||
derived from this software without my permission, except as may be
|
derived from this software without the maintainers' permission, except
|
||||||
necessary to comply with the notice/attribution requirements.
|
as may be necessary to comply with the notice/attribution requirements.
|
||||||
|
|
||||||
I also wish that any documentation file generated using this software
|
We also wish that any documentation file generated using this software
|
||||||
be attributed to DevDocs. Let's be fair to all contributors by giving
|
be attributed to DevDocs. Let's be fair to all contributors by giving
|
||||||
credit where credit's due. Thanks.
|
credit where credit's due. Thanks.
|
||||||
@ -1,7 +0,0 @@
|
|||||||
<!--
|
|
||||||
Please read the contributing guidelines before opening an issue:
|
|
||||||
https://github.com/freeCodeCamp/devdocs/blob/master/CONTRIBUTING.md
|
|
||||||
|
|
||||||
To request a new documentation, or an update of an existing documentation, go here:
|
|
||||||
https://trello.com/b/6BmTulfx/devdocs-documentation
|
|
||||||
-->
|
|
||||||
@ -0,0 +1 @@
|
|||||||
|
sprites/**/*
|
||||||
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 119 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 42 KiB |
@ -1,42 +0,0 @@
|
|||||||
class app.AppCache
|
|
||||||
$.extend @prototype, Events
|
|
||||||
|
|
||||||
@isEnabled: ->
|
|
||||||
try
|
|
||||||
applicationCache and applicationCache.status isnt applicationCache.UNCACHED
|
|
||||||
catch
|
|
||||||
|
|
||||||
constructor: ->
|
|
||||||
@cache = applicationCache
|
|
||||||
@notifyUpdate = true
|
|
||||||
@onUpdateReady() if @cache.status is @cache.UPDATEREADY
|
|
||||||
|
|
||||||
$.on @cache, 'progress', @onProgress
|
|
||||||
$.on @cache, 'updateready', @onUpdateReady
|
|
||||||
|
|
||||||
update: ->
|
|
||||||
@notifyUpdate = true
|
|
||||||
@notifyProgress = true
|
|
||||||
try @cache.update() catch
|
|
||||||
return
|
|
||||||
|
|
||||||
updateInBackground: ->
|
|
||||||
@notifyUpdate = false
|
|
||||||
@notifyProgress = false
|
|
||||||
try @cache.update() catch
|
|
||||||
return
|
|
||||||
|
|
||||||
reload: ->
|
|
||||||
$.on @cache, 'updateready noupdate error', -> window.location = '/'
|
|
||||||
@notifyUpdate = false
|
|
||||||
@notifyProgress = true
|
|
||||||
try @cache.update() catch
|
|
||||||
return
|
|
||||||
|
|
||||||
onProgress: (event) =>
|
|
||||||
@trigger 'progress', event if @notifyProgress
|
|
||||||
return
|
|
||||||
|
|
||||||
onUpdateReady: =>
|
|
||||||
@trigger 'updateready' if @notifyUpdate
|
|
||||||
return
|
|
||||||
@ -0,0 +1,49 @@
|
|||||||
|
class app.ServiceWorker
|
||||||
|
$.extend @prototype, Events
|
||||||
|
|
||||||
|
@isEnabled: ->
|
||||||
|
!!navigator.serviceWorker and app.config.service_worker_enabled
|
||||||
|
|
||||||
|
constructor: ->
|
||||||
|
@registration = null
|
||||||
|
@notifyUpdate = true
|
||||||
|
|
||||||
|
navigator.serviceWorker.register(app.config.service_worker_path, {scope: '/'})
|
||||||
|
.then(
|
||||||
|
(registration) => @updateRegistration(registration),
|
||||||
|
(error) -> console.error('Could not register service worker:', error)
|
||||||
|
)
|
||||||
|
|
||||||
|
update: ->
|
||||||
|
return unless @registration
|
||||||
|
@notifyUpdate = true
|
||||||
|
return @registration.update().catch(->)
|
||||||
|
|
||||||
|
updateInBackground: ->
|
||||||
|
return unless @registration
|
||||||
|
@notifyUpdate = false
|
||||||
|
return @registration.update().catch(->)
|
||||||
|
|
||||||
|
reload: ->
|
||||||
|
return @updateInBackground().then(() -> app.reboot())
|
||||||
|
|
||||||
|
updateRegistration: (registration) ->
|
||||||
|
@registration = registration
|
||||||
|
$.on @registration, 'updatefound', @onUpdateFound
|
||||||
|
return
|
||||||
|
|
||||||
|
onUpdateFound: =>
|
||||||
|
$.off @installingRegistration, 'statechange', @onStateChange() if @installingRegistration
|
||||||
|
@installingRegistration = @registration.installing
|
||||||
|
$.on @installingRegistration, 'statechange', @onStateChange
|
||||||
|
return
|
||||||
|
|
||||||
|
onStateChange: =>
|
||||||
|
if @installingRegistration and @installingRegistration.state == 'installed' and navigator.serviceWorker.controller
|
||||||
|
@installingRegistration = null
|
||||||
|
@onUpdateReady()
|
||||||
|
return
|
||||||
|
|
||||||
|
onUpdateReady: ->
|
||||||
|
@trigger 'updateready' if @notifyUpdate
|
||||||
|
return
|
||||||
@ -1,4 +1,8 @@
|
|||||||
class @CookieStore
|
class @CookiesStore
|
||||||
|
# Intentionally called CookiesStore instead of CookieStore
|
||||||
|
# Calling it CookieStore causes issues when the Experimental Web Platform features flag is enabled in Chrome
|
||||||
|
# Related issue: https://github.com/freeCodeCamp/devdocs/issues/932
|
||||||
|
|
||||||
INT = /^\d+$/
|
INT = /^\d+$/
|
||||||
|
|
||||||
@onBlocked: ->
|
@onBlocked: ->
|
||||||
@ -0,0 +1,64 @@
|
|||||||
|
defaultUrl = null
|
||||||
|
currentSlug = null
|
||||||
|
|
||||||
|
imageCache = {}
|
||||||
|
urlCache = {}
|
||||||
|
|
||||||
|
withImage = (url, action) ->
|
||||||
|
if imageCache[url]
|
||||||
|
action(imageCache[url])
|
||||||
|
else
|
||||||
|
img = new Image()
|
||||||
|
img.crossOrigin = 'anonymous'
|
||||||
|
img.src = url
|
||||||
|
img.onload = () =>
|
||||||
|
imageCache[url] = img
|
||||||
|
action(img)
|
||||||
|
|
||||||
|
@setFaviconForDoc = (doc) ->
|
||||||
|
return if currentSlug == doc.slug
|
||||||
|
|
||||||
|
favicon = $('link[rel="icon"]')
|
||||||
|
|
||||||
|
if defaultUrl == null
|
||||||
|
defaultUrl = favicon.href
|
||||||
|
|
||||||
|
if urlCache[doc.slug]
|
||||||
|
favicon.href = urlCache[doc.slug]
|
||||||
|
currentSlug = doc.slug
|
||||||
|
return
|
||||||
|
|
||||||
|
styles = window.getComputedStyle($("._icon-#{doc.slug.split('~')[0]}"), ':before')
|
||||||
|
|
||||||
|
bgUrl = app.config.favicon_spritesheet
|
||||||
|
sourceSize = 16
|
||||||
|
sourceX = Math.abs(parseInt(styles['background-position-x'].slice(0, -2)))
|
||||||
|
sourceY = Math.abs(parseInt(styles['background-position-y'].slice(0, -2)))
|
||||||
|
|
||||||
|
withImage(bgUrl, (docImg) ->
|
||||||
|
withImage(defaultUrl, (defaultImg) ->
|
||||||
|
size = defaultImg.width
|
||||||
|
|
||||||
|
canvas = document.createElement('canvas')
|
||||||
|
ctx = canvas.getContext('2d')
|
||||||
|
|
||||||
|
canvas.width = size
|
||||||
|
canvas.height = size
|
||||||
|
ctx.drawImage(defaultImg, 0, 0)
|
||||||
|
|
||||||
|
docIconPercentage = 65
|
||||||
|
destinationCoords = size / 100 * (100 - docIconPercentage)
|
||||||
|
destinationSize = size / 100 * docIconPercentage
|
||||||
|
ctx.drawImage(docImg, sourceX, sourceY, sourceSize, sourceSize, destinationCoords, destinationCoords, destinationSize, destinationSize)
|
||||||
|
|
||||||
|
urlCache[doc.slug] = canvas.toDataURL()
|
||||||
|
favicon.href = urlCache[doc.slug]
|
||||||
|
|
||||||
|
currentSlug = doc.slug
|
||||||
|
)
|
||||||
|
)
|
||||||
|
|
||||||
|
@resetFavicon = () ->
|
||||||
|
if defaultUrl != null and currentSlug != null
|
||||||
|
$('link[rel="icon"]').href = defaultUrl
|
||||||
|
currentSlug = null
|
||||||
@ -1,28 +1,32 @@
|
|||||||
try {
|
try {
|
||||||
if (app.config.env == 'production') {
|
if (app.config.env === 'production') {
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
if (Cookies.get('analyticsConsent') === '1') {
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
ga('create', 'UA-5544833-12', 'devdocs.io');
|
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
||||||
page.track(function() {
|
ga('create', 'UA-5544833-12', 'devdocs.io');
|
||||||
ga('send', 'pageview', {
|
page.track(function() {
|
||||||
page: location.pathname + location.search + location.hash,
|
ga('send', 'pageview', {
|
||||||
dimension1: app.router.context && app.router.context.doc && app.router.context.doc.slug_without_version
|
page: location.pathname + location.search + location.hash,
|
||||||
|
dimension1: app.router.context && app.router.context.doc && app.router.context.doc.slug_without_version
|
||||||
|
});
|
||||||
});
|
});
|
||||||
});
|
|
||||||
|
|
||||||
page.track(function() {
|
page.track(function() {
|
||||||
if (window._gauges)
|
if (window._gauges)
|
||||||
_gauges.push(['track']);
|
_gauges.push(['track']);
|
||||||
else
|
else
|
||||||
(function() {
|
(function() {
|
||||||
var _gauges=_gauges||[];!function(){var a=document.createElement("script");
|
var _gauges=_gauges||[];!function(){var a=document.createElement("script");
|
||||||
a.type="text/javascript",a.async=!0,a.id="gauges-tracker",
|
a.type="text/javascript",a.async=!0,a.id="gauges-tracker",
|
||||||
a.setAttribute("data-site-id","51c15f82613f5d7819000067"),
|
a.setAttribute("data-site-id","51c15f82613f5d7819000067"),
|
||||||
a.src="https://secure.gaug.es/track.js";var b=document.getElementsByTagName("script")[0];
|
a.src="https://secure.gaug.es/track.js";var b=document.getElementsByTagName("script")[0];
|
||||||
b.parentNode.insertBefore(a,b)}();
|
b.parentNode.insertBefore(a,b)}();
|
||||||
})();
|
})();
|
||||||
});
|
});
|
||||||
|
} else {
|
||||||
|
resetAnalytics();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
} catch(e) { }
|
} catch(e) { }
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,104 +0,0 @@
|
|||||||
//= depend_on docs-1.png
|
|
||||||
//= depend_on docs-1@2x.png
|
|
||||||
//= depend_on docs-2.png
|
|
||||||
//= depend_on docs-2@2x.png
|
|
||||||
|
|
||||||
/*!
|
|
||||||
* Copyright 2013-2018 Thibaut Courouble and other contributors
|
|
||||||
*
|
|
||||||
* This source code is licensed under the terms of the Mozilla
|
|
||||||
* Public License, v. 2.0, a copy of which may be obtained at:
|
|
||||||
* http://mozilla.org/MPL/2.0/
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import 'global/variables-dark',
|
|
||||||
'global/mixins',
|
|
||||||
'global/icons',
|
|
||||||
'global/classes',
|
|
||||||
'global/base';
|
|
||||||
|
|
||||||
@import 'components/app',
|
|
||||||
'components/header',
|
|
||||||
'components/notif',
|
|
||||||
'components/sidebar',
|
|
||||||
'components/settings',
|
|
||||||
'components/content',
|
|
||||||
'components/page',
|
|
||||||
'components/fail',
|
|
||||||
'components/path',
|
|
||||||
'components/notice',
|
|
||||||
'components/prism',
|
|
||||||
'components/mobile';
|
|
||||||
|
|
||||||
@import 'pages/simple',
|
|
||||||
'pages/angular',
|
|
||||||
'pages/angularjs',
|
|
||||||
'pages/apache',
|
|
||||||
'pages/async',
|
|
||||||
'pages/bootstrap',
|
|
||||||
'pages/c',
|
|
||||||
'pages/cakephp',
|
|
||||||
'pages/clojure',
|
|
||||||
'pages/codeception',
|
|
||||||
'pages/coffeescript',
|
|
||||||
'pages/cordova',
|
|
||||||
'pages/crystal',
|
|
||||||
'pages/d',
|
|
||||||
'pages/d3',
|
|
||||||
'pages/dojo',
|
|
||||||
'pages/drupal',
|
|
||||||
'pages/elixir',
|
|
||||||
'pages/ember',
|
|
||||||
'pages/erlang',
|
|
||||||
'pages/express',
|
|
||||||
'pages/git',
|
|
||||||
'pages/github',
|
|
||||||
'pages/go',
|
|
||||||
'pages/haskell',
|
|
||||||
'pages/jekyll',
|
|
||||||
'pages/jquery',
|
|
||||||
'pages/julia',
|
|
||||||
'pages/knockout',
|
|
||||||
'pages/kotlin',
|
|
||||||
'pages/laravel',
|
|
||||||
'pages/liquid',
|
|
||||||
'pages/love',
|
|
||||||
'pages/lua',
|
|
||||||
'pages/mdn',
|
|
||||||
'pages/meteor',
|
|
||||||
'pages/modernizr',
|
|
||||||
'pages/moment',
|
|
||||||
'pages/nginx',
|
|
||||||
'pages/node',
|
|
||||||
'pages/npm',
|
|
||||||
'pages/openjdk',
|
|
||||||
'pages/perl',
|
|
||||||
'pages/phalcon',
|
|
||||||
'pages/phaser',
|
|
||||||
'pages/php',
|
|
||||||
'pages/phpunit',
|
|
||||||
'pages/postgres',
|
|
||||||
'pages/pug',
|
|
||||||
'pages/python',
|
|
||||||
'pages/ramda',
|
|
||||||
'pages/rdoc',
|
|
||||||
'pages/react_native',
|
|
||||||
'pages/redis',
|
|
||||||
'pages/rethinkdb',
|
|
||||||
'pages/rfc',
|
|
||||||
'pages/rubydoc',
|
|
||||||
'pages/rust',
|
|
||||||
'pages/sinon',
|
|
||||||
'pages/socketio',
|
|
||||||
'pages/sphinx',
|
|
||||||
'pages/sphinx_simple',
|
|
||||||
'pages/sqlite',
|
|
||||||
'pages/support_tables',
|
|
||||||
'pages/tcl_tk',
|
|
||||||
'pages/tensorflow',
|
|
||||||
'pages/terraform',
|
|
||||||
'pages/underscore',
|
|
||||||
'pages/vue',
|
|
||||||
'pages/webpack',
|
|
||||||
'pages/yard',
|
|
||||||
'pages/yii';
|
|
||||||
@ -1,175 +0,0 @@
|
|||||||
%svg-icon {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
width: 1rem;
|
|
||||||
height: 1rem;
|
|
||||||
pointer-events: none;
|
|
||||||
fill: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
%doc-icon {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 1rem;
|
|
||||||
height: 1rem;
|
|
||||||
background-image: image-url('docs-1.png');
|
|
||||||
background-size: 10rem 10rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
%doc-icon-2 { background-image: image-url('docs-2.png') !important; }
|
|
||||||
|
|
||||||
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
|
|
||||||
%doc-icon { background-image: image-url('docs-1@2x.png'); }
|
|
||||||
%doc-icon-2 { background-image: image-url('docs-2@2x.png') !important; }
|
|
||||||
}
|
|
||||||
|
|
||||||
%darkIconFix {
|
|
||||||
@if $style == 'dark' {
|
|
||||||
filter: invert(100%) grayscale(100%);
|
|
||||||
-webkit-filter: invert(100%) grayscale(100%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
._icon-jest:before { background-position: 0 0; }
|
|
||||||
._icon-liquid:before { background-position: -1rem 0; }
|
|
||||||
._icon-openjdk:before { background-position: -2rem 0; }
|
|
||||||
._icon-codeceptjs:before { background-position: -3rem 0; }
|
|
||||||
._icon-codeception:before { background-position: -4rem 0; }
|
|
||||||
._icon-sqlite:before { background-position: -5rem 0; @extend %darkIconFix !optional; }
|
|
||||||
._icon-async:before { background-position: -6rem 0; @extend %darkIconFix !optional; }
|
|
||||||
._icon-http:before { background-position: -7rem 0; @extend %darkIconFix !optional; }
|
|
||||||
._icon-jquery:before { background-position: -8rem 0; @extend %darkIconFix !optional; }
|
|
||||||
._icon-underscore:before { background-position: -9rem 0; @extend %darkIconFix !optional; }
|
|
||||||
._icon-html:before { background-position: 0 -1rem; }
|
|
||||||
._icon-css:before { background-position: -1rem -1rem; }
|
|
||||||
._icon-dom:before { background-position: -2rem -1rem; }
|
|
||||||
._icon-dom_events:before { background-position: -3rem -1rem; }
|
|
||||||
._icon-javascript:before { background-position: -4rem -1rem; }
|
|
||||||
._icon-backbone:before { background-position: -5rem -1rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-node:before,
|
|
||||||
._icon-node_lts:before { background-position: -6rem -1rem; }
|
|
||||||
._icon-sass:before { background-position: -7rem -1rem; }
|
|
||||||
._icon-less:before { background-position: -8rem -1rem; }
|
|
||||||
._icon-angularjs:before { background-position: -9rem -1rem; }
|
|
||||||
._icon-coffeescript:before { background-position: 0 -2rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-ember:before { background-position: -1rem -2rem; }
|
|
||||||
._icon-yarn:before { background-position: -2rem -2rem; }
|
|
||||||
._icon-immutable:before { background-position: -3rem -2rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-jqueryui:before { background-position: -4rem -2rem; }
|
|
||||||
._icon-jquerymobile:before { background-position: -5rem -2rem; }
|
|
||||||
._icon-lodash:before { background-position: -6rem -2rem; }
|
|
||||||
._icon-php:before { background-position: -7rem -2rem; }
|
|
||||||
._icon-ruby:before,
|
|
||||||
._icon-minitest:before { background-position: -8rem -2rem; }
|
|
||||||
._icon-rails:before { background-position: -9rem -2rem; }
|
|
||||||
._icon-python:before,
|
|
||||||
._icon-python2:before { background-position: 0 -3rem; }
|
|
||||||
._icon-git:before { background-position: -1rem -3rem; }
|
|
||||||
._icon-redis:before { background-position: -2rem -3rem; }
|
|
||||||
._icon-postgresql:before { background-position: -3rem -3rem; }
|
|
||||||
._icon-d3:before { background-position: -4rem -3rem; }
|
|
||||||
._icon-knockout:before { background-position: -5rem -3rem; }
|
|
||||||
._icon-moment:before { background-position: -6rem -3rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-c:before { background-position: -7rem -3rem; }
|
|
||||||
._icon-statsmodels:before { background-position: -8rem -3rem; }
|
|
||||||
._icon-yii:before,
|
|
||||||
._icon-yii1:before { background-position: -9rem -3rem; }
|
|
||||||
._icon-cpp:before { background-position: 0 -4rem; }
|
|
||||||
._icon-go:before { background-position: -1rem -4rem; }
|
|
||||||
._icon-express:before { background-position: -2rem -4rem; }
|
|
||||||
._icon-grunt:before { background-position: -3rem -4rem; }
|
|
||||||
._icon-rust:before { background-position: -4rem -4rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-laravel:before { background-position: -5rem -4rem; }
|
|
||||||
._icon-haskell:before { background-position: -6rem -4rem; }
|
|
||||||
._icon-requirejs:before { background-position: -7rem -4rem; }
|
|
||||||
._icon-chai:before { background-position: -8rem -4rem; }
|
|
||||||
._icon-sinon:before { background-position: -9rem -4rem; }
|
|
||||||
._icon-cordova:before { background-position: 0 -5rem; }
|
|
||||||
._icon-markdown:before { background-position: -1rem -5rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-django:before { background-position: -2rem -5rem; }
|
|
||||||
._icon-xslt_xpath:before { background-position: -3rem -5rem; }
|
|
||||||
._icon-nginx:before,
|
|
||||||
._icon-nginx_lua_module:before { background-position: -4rem -5rem; }
|
|
||||||
._icon-svg:before { background-position: -5rem -5rem; }
|
|
||||||
._icon-marionette:before { background-position: -6rem -5rem; }
|
|
||||||
._icon-jsdoc:before,
|
|
||||||
._icon-koa:before,
|
|
||||||
._icon-mongoose:before { background-position: -7rem -5rem; }
|
|
||||||
._icon-phpunit:before { background-position: -8rem -5rem; }
|
|
||||||
._icon-nokogiri:before { background-position: -9rem -5rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-rethinkdb:before { background-position: 0 -6rem; }
|
|
||||||
._icon-react:before { background-position: -1rem -6rem; }
|
|
||||||
._icon-socketio:before { background-position: -2rem -6rem; }
|
|
||||||
._icon-modernizr:before { background-position: -3rem -6rem; }
|
|
||||||
._icon-bower:before { background-position: -4rem -6rem; }
|
|
||||||
._icon-fish:before { background-position: -5rem -6rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-scikit_image:before { background-position: -6rem -6rem; }
|
|
||||||
._icon-twig:before { background-position: -7rem -6rem; }
|
|
||||||
._icon-pandas:before { background-position: -8rem -6rem; }
|
|
||||||
._icon-scikit_learn:before { background-position: -9rem -6rem; }
|
|
||||||
._icon-bottle:before { background-position: 0 -7rem; }
|
|
||||||
._icon-docker:before { background-position: -1rem -7rem; }
|
|
||||||
._icon-cakephp:before { background-position: -2rem -7rem; }
|
|
||||||
._icon-lua:before { background-position: -3rem -7rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-clojure:before { background-position: -4rem -7rem; }
|
|
||||||
._icon-symfony:before { background-position: -5rem -7rem; }
|
|
||||||
._icon-mocha:before { background-position: -6rem -7rem; }
|
|
||||||
._icon-meteor:before { background-position: -7rem -7rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-npm:before { background-position: -8rem -7rem; }
|
|
||||||
._icon-apache_http_server:before { background-position: -9rem -7rem; }
|
|
||||||
._icon-drupal:before { background-position: 0 -8rem; }
|
|
||||||
._icon-webpack:before { background-position: -1rem -8rem; }
|
|
||||||
._icon-phaser:before { background-position: -2rem -8rem; }
|
|
||||||
._icon-vue:before { background-position: -3rem -8rem; }
|
|
||||||
._icon-opentsdb:before { background-position: -4rem -8rem; }
|
|
||||||
._icon-q:before { background-position: -5rem -8rem; }
|
|
||||||
._icon-crystal:before { background-position: -6rem -8rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-julia:before { background-position: -7rem -8rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-redux:before { background-position: -8rem -8rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-bootstrap:before { background-position: -9rem -8rem; }
|
|
||||||
._icon-react_native:before { background-position: 0 -9rem; }
|
|
||||||
._icon-phalcon:before { background-position: -1rem -9rem; }
|
|
||||||
._icon-matplotlib:before { background-position: -2rem -9rem; }
|
|
||||||
._icon-cmake:before { background-position: -3rem -9rem; }
|
|
||||||
._icon-elixir:before { background-position: -4rem -9rem; @extend %darkIconFix !optional; }
|
|
||||||
._icon-vagrant:before { background-position: -5rem -9rem; }
|
|
||||||
._icon-dojo:before { background-position: -6rem -9rem; }
|
|
||||||
._icon-flow:before { background-position: -7rem -9rem; }
|
|
||||||
._icon-relay:before { background-position: -8rem -9rem; }
|
|
||||||
._icon-phoenix:before { background-position: -9rem -9rem; }
|
|
||||||
|
|
||||||
._icon-tcl_tk:before { background-position: 0 0; @extend %doc-icon-2; }
|
|
||||||
._icon-erlang:before { background-position: -1rem 0; @extend %doc-icon-2; }
|
|
||||||
._icon-chef:before { background-position: -2rem 0; @extend %doc-icon-2; }
|
|
||||||
._icon-ramda:before { background-position: -3rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
|
|
||||||
._icon-codeigniter:before { background-position: -4rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
|
|
||||||
._icon-influxdata:before { background-position: -5rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
|
|
||||||
._icon-tensorflow:before { background-position: -6rem 0; @extend %doc-icon-2; }
|
|
||||||
._icon-haxe:before { background-position: -7rem 0; @extend %doc-icon-2; }
|
|
||||||
._icon-ansible:before { background-position: -8rem 0; @extend %doc-icon-2; @extend %darkIconFix !optional; }
|
|
||||||
._icon-typescript:before { background-position: -9rem 0; @extend %doc-icon-2; }
|
|
||||||
._icon-browser_support_tables:before { background-position: 0rem -1rem; @extend %doc-icon-2; }
|
|
||||||
._icon-gnu_fortran:before { background-position: -1rem -1rem; @extend %doc-icon-2; }
|
|
||||||
._icon-gcc:before { background-position: -2rem -1rem; @extend %doc-icon-2; }
|
|
||||||
._icon-perl:before { background-position: -3rem -1rem; @extend %doc-icon-2; }
|
|
||||||
._icon-apache_pig:before { background-position: -4rem -1rem; @extend %doc-icon-2; }
|
|
||||||
._icon-numpy:before { background-position: -5rem -1rem; @extend %doc-icon-2; }
|
|
||||||
._icon-kotlin:before { background-position: -6rem -1rem; @extend %doc-icon-2; }
|
|
||||||
._icon-padrino:before { background-position: -7rem -1rem; @extend %doc-icon-2; }
|
|
||||||
._icon-angular:before { background-position: -8rem -1rem; @extend %doc-icon-2; }
|
|
||||||
._icon-love:before { background-position: -9rem -1rem; @extend %doc-icon-2; }
|
|
||||||
._icon-jasmine:before { background-position: 0 -2rem; @extend %doc-icon-2; }
|
|
||||||
._icon-pug:before { background-position: -1rem -2rem; @extend %doc-icon-2; }
|
|
||||||
._icon-electron:before { background-position: -2rem -2rem; @extend %doc-icon-2; }
|
|
||||||
._icon-falcon:before { background-position: -3rem -2rem; @extend %doc-icon-2; }
|
|
||||||
._icon-godot:before { background-position: -4rem -2rem; @extend %doc-icon-2; }
|
|
||||||
._icon-nim:before { background-position: -5rem -2rem; @extend %doc-icon-2; @extend %darkIconFix !optional; }
|
|
||||||
._icon-vulkan:before { background-position: -6rem -2rem; @extend %doc-icon-2; @extend %darkIconFix !optional; }
|
|
||||||
._icon-d:before { background-position: -7rem -2rem; @extend %doc-icon-2; }
|
|
||||||
._icon-bluebird:before { background-position: -8rem -2rem; @extend %doc-icon-2; }
|
|
||||||
._icon-eslint:before { background-position: -9rem -2rem; @extend %doc-icon-2; }
|
|
||||||
._icon-homebrew:before { background-position: 0 -3rem; @extend %doc-icon-2; }
|
|
||||||
._icon-jekyll:before { background-position: -1rem -3rem; @extend %doc-icon-2; }
|
|
||||||
._icon-babel:before { background-position: -2rem -3rem; @extend %doc-icon-2; }
|
|
||||||
._icon-leaflet:before { background-position: -3rem -3rem; @extend %doc-icon-2; }
|
|
||||||
._icon-terraform:before { background-position: -4rem -3rem; @extend %doc-icon-2; }
|
|
||||||
@ -0,0 +1,43 @@
|
|||||||
|
<% manifest = JSON.parse(File.read('assets/images/sprites/docs.json')) %>
|
||||||
|
|
||||||
|
%svg-icon {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
pointer-events: none;
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
%doc-icon {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
background-image: image-url('sprites/docs.png');
|
||||||
|
background-size: <%= manifest['icons_per_row'] %>rem <%= manifest['icons_per_row'] %>rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
|
||||||
|
%doc-icon { background-image: image-url('sprites/docs@2x.png'); }
|
||||||
|
}
|
||||||
|
|
||||||
|
html._theme-dark {
|
||||||
|
%darkIconFix {
|
||||||
|
filter: invert(100%) grayscale(100%);
|
||||||
|
-webkit-filter: invert(100%) grayscale(100%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
<%=
|
||||||
|
items = []
|
||||||
|
|
||||||
|
manifest['items'].each do |item|
|
||||||
|
rules = []
|
||||||
|
rules << "background-position: -#{item['col']}rem -#{item['row']}rem;"
|
||||||
|
rules << "@extend %darkIconFix !optional;" if item['dark_icon_fix']
|
||||||
|
items << "._icon-#{item['type']}:before { #{rules.join(' ')} }"
|
||||||
|
end
|
||||||
|
|
||||||
|
items.join('')
|
||||||
|
%>
|
||||||
@ -1,92 +1,76 @@
|
|||||||
$baseFont: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
|
html._theme-dark {
|
||||||
$monoFont: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
--absolute: white;
|
||||||
$boldFontWeight: 500;
|
|
||||||
$bolderFontWeight: 600;
|
|
||||||
|
|
||||||
$style: 'dark';
|
--documentBackground: #222;
|
||||||
|
--contentBackground: #33373a;
|
||||||
|
|
||||||
$maxWidth: 80rem;
|
--textColor: #cbd0d0;
|
||||||
$headerHeight: 3rem;
|
--textColorLight: #9da5ad;
|
||||||
$sidebarWidth: 20rem;
|
--textColorLighter: #77787a;
|
||||||
$sidebarMediumWidth: 16rem;
|
|
||||||
|
|
||||||
$documentBackground: #222;
|
--externalsBackground: #fff;
|
||||||
$contentBackground: #33373a;
|
|
||||||
|
|
||||||
$textColor: #cbd0d0;
|
--inputFocusBorder: transparent;
|
||||||
$textColorLight: #9da5ad;
|
|
||||||
$textColorLighter: #77787a;
|
|
||||||
$textColorRed: #f44336;
|
|
||||||
|
|
||||||
$inputFocusBorder: false;
|
--focusBackground: #3f4042;
|
||||||
|
--focusBorder: #000;
|
||||||
|
--focusText: #f7f2f2;
|
||||||
|
|
||||||
$focusBackground: #3f4042;
|
--loadingText: #5d6164;
|
||||||
$focusBorder: #000;
|
|
||||||
$focusText: #f7f2f2;
|
|
||||||
|
|
||||||
$loadingText: #5d6164;
|
--selectionBackground: #007acc;
|
||||||
$splashText: $loadingText;
|
--selectionBorder: #000;
|
||||||
|
|
||||||
$selectionBackground: #007acc;
|
--highlightBackground: #64675f;
|
||||||
$selectionBorder: #000;
|
|
||||||
$selectionText: #fff;
|
|
||||||
|
|
||||||
$highlightBackground: #64675f;
|
--linkColor: var(--textColor);
|
||||||
|
--linkColorHover: white;
|
||||||
|
--linkTextDecoration: underline;
|
||||||
|
|
||||||
$linkColor: $textColor;
|
--headerBackground: #1c1c1c;
|
||||||
$linkColorHover: white;
|
--headerBorder: #000;
|
||||||
$linkTextDecoration: underline;
|
--searchTagBackground: #{darken(#1c1c1c, 5%)};
|
||||||
|
--searchBorder: #{darken(#000, 2%)};
|
||||||
|
|
||||||
$headerBackground: #1c1c1c;
|
--sidebarBackground: #24282a;
|
||||||
$headerBorder: #000;
|
--transparentSidebarBackground: #{rgba(#24282a, 0)};
|
||||||
|
--sidebarBorder: #000;
|
||||||
|
|
||||||
$sidebarBackground: #24282a;
|
--scrollbarColor: #6c6c6f;
|
||||||
$sidebarBorder: #000;
|
--scrollbarColorHover: #949697;
|
||||||
|
|
||||||
$scrollbarColor: #6c6c6f;
|
--pathBackground: var(--headerBackground);
|
||||||
$scrollbarColorHover: #949697;
|
--pathBorder: var(--headerBorder);
|
||||||
|
|
||||||
$pathBackground: $headerBackground;
|
--noticeBackground: var(--sidebarBackground);
|
||||||
$pathBorder: $headerBorder;
|
--noticeBorder: var(--sidebarBorder);
|
||||||
|
|
||||||
$noticeBackground: $sidebarBackground;
|
--boxBackground: var(--sidebarBackground);
|
||||||
$noticeBorder: $sidebarBorder;
|
--boxBorder: var(--headerBorder);
|
||||||
|
--boxBorderLight: var(--headerBorder);
|
||||||
|
--boxHeaderColor: #dbe4e4;
|
||||||
|
--boxHeaderBackground: var(--sidebarBackground);
|
||||||
|
|
||||||
$boxBackground: $sidebarBackground;
|
--noteBackground: #45474b;
|
||||||
$boxBorder: $headerBorder;
|
--noteBorder: #000;
|
||||||
$boxBorderLight: $headerBorder;
|
|
||||||
$boxHeaderColor: #dbe4e4;
|
|
||||||
$boxHeaderBackground: $sidebarBackground;
|
|
||||||
|
|
||||||
$noteBackground: #45474b;
|
--noteGreenBackground: #284a2a;
|
||||||
$noteBorder: #000;
|
--noteGreenBorder: #000;
|
||||||
|
|
||||||
$noteGreenBackground: #284a2a;
|
--noteBlueBackground: #2a4151;
|
||||||
$noteGreenBorder: #000;
|
--noteBlueBorder: #000;
|
||||||
|
|
||||||
$noteBlueBackground: #2a4151;
|
--noteOrangeBackground: #563322;
|
||||||
$noteBlueBorder: #000;
|
--noteOrangeBorder: #000;
|
||||||
|
|
||||||
$noteOrangeBackground: #563322;
|
--noteRedBackground: #603033;
|
||||||
$noteOrangeBorder: #000;
|
--noteRedBorder: #000;
|
||||||
|
|
||||||
$noteRedBackground: #603033;
|
--labelBackground: var(--boxBackground);
|
||||||
$noteRedBorder: #000;
|
|
||||||
|
|
||||||
$labelBackground: $boxBackground;
|
--notifBackground: #{rgba(#555, .95)};
|
||||||
|
--notifBorder: 1px solid #000;
|
||||||
|
|
||||||
$notifBackground: rgba(#555, .95);
|
--tipBackground: var(--notifBackground);
|
||||||
$notifBorder: 1px solid #000;
|
--tipBorder: var(--notifBorder);
|
||||||
$notifColor: #fff;
|
}
|
||||||
$notifColorLight: #ccc;
|
|
||||||
|
|
||||||
$tipBackground: $notifBackground;
|
|
||||||
$tipBorder: $notifBorder;
|
|
||||||
|
|
||||||
$mediumScreen: '(max-width: 800px)';
|
|
||||||
|
|
||||||
$contentZ: 1;
|
|
||||||
$sidebarZ: 2;
|
|
||||||
$headerZ: 3;
|
|
||||||
$noticeZ: 4;
|
|
||||||
$hoverZ: 5;
|
|
||||||
|
|||||||
@ -0,0 +1,76 @@
|
|||||||
|
html._theme-default {
|
||||||
|
--absolute: black;
|
||||||
|
|
||||||
|
--documentBackground: #f3f3f3;
|
||||||
|
--contentBackground: #fff;
|
||||||
|
|
||||||
|
--textColor: #333;
|
||||||
|
--textColorLight: #666;
|
||||||
|
--textColorLighter: #888;
|
||||||
|
|
||||||
|
--externalsBackground: #fff;
|
||||||
|
|
||||||
|
--inputFocusBorder: #35b5f4;
|
||||||
|
|
||||||
|
--focusBackground: #e5e5e5;
|
||||||
|
--focusBorder: #d4d4d4;
|
||||||
|
--focusText: #000;
|
||||||
|
|
||||||
|
--loadingText: #ccc;
|
||||||
|
|
||||||
|
--selectionBackground: #398df0;
|
||||||
|
--selectionBorder: #196fc2;
|
||||||
|
|
||||||
|
--highlightBackground: #fffdcd;
|
||||||
|
|
||||||
|
--linkColor: #3377c0;
|
||||||
|
--linkColorHover: #2f6cb6;
|
||||||
|
--linkTextDecoration: none;
|
||||||
|
|
||||||
|
--headerBackground: #eee;
|
||||||
|
--headerBorder: #d7d7d7;
|
||||||
|
--searchTagBackground: #{darken(#eee, 5%)};
|
||||||
|
--searchBorder: #{darken(#d7d7d7, 2%)};
|
||||||
|
|
||||||
|
--sidebarBackground: #f9f9f9;
|
||||||
|
--transparentSidebarBackground: #{rgba(#f9f9f9, 0)};
|
||||||
|
--sidebarBorder: #e1e1e1;
|
||||||
|
|
||||||
|
--scrollbarColor: #ccc;
|
||||||
|
--scrollbarColorHover: #999;
|
||||||
|
|
||||||
|
--pathBackground: var(--sidebarBackground);
|
||||||
|
--pathBorder: var(--sidebarBorder);
|
||||||
|
|
||||||
|
--noticeBackground: #faf9e2;
|
||||||
|
--noticeBorder: #e2e2c1;
|
||||||
|
|
||||||
|
--boxBackground: #fafafa;
|
||||||
|
--boxBorder: #d8d8d8;
|
||||||
|
--boxBorderLight: #e5e5e5;
|
||||||
|
--boxHeaderColor: var(--textColor);
|
||||||
|
--boxHeaderBackground: #f5f5f5;
|
||||||
|
|
||||||
|
--noteBackground: #f8f8dd;
|
||||||
|
--noteBorder: #d3d952;
|
||||||
|
|
||||||
|
--noteGreenBackground: #e7f8e1;
|
||||||
|
--noteGreenBorder: #89da70;
|
||||||
|
|
||||||
|
--noteBlueBackground: #d4f3fd;
|
||||||
|
--noteBlueBorder: #94bbeb;
|
||||||
|
|
||||||
|
--noteOrangeBackground: #fbe6d1;
|
||||||
|
--noteOrangeBorder: #ec8b01;
|
||||||
|
|
||||||
|
--noteRedBackground: #fed5d3;
|
||||||
|
--noteRedBorder: #dc7874;
|
||||||
|
|
||||||
|
--labelBackground: #f4f4f4;
|
||||||
|
|
||||||
|
--notifBackground: #{rgba(#333, .85)};
|
||||||
|
--notifBorder: none;
|
||||||
|
|
||||||
|
--tipBackground: #{rgba(#fffdcd, .95)};
|
||||||
|
--tipBorder: 1px solid #e7dca9;
|
||||||
|
}
|
||||||
@ -1,92 +1,35 @@
|
|||||||
|
// Variables needed to style the error message for browsers that don't support CSS variables.
|
||||||
$baseFont: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
|
$baseFont: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
|
||||||
$monoFont: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
|
||||||
$boldFontWeight: 500;
|
|
||||||
$bolderFontWeight: 600;
|
|
||||||
|
|
||||||
$style: 'light';
|
|
||||||
|
|
||||||
$maxWidth: 80rem;
|
|
||||||
$headerHeight: 3rem;
|
|
||||||
$sidebarWidth: 20rem;
|
|
||||||
$sidebarMediumWidth: 16rem;
|
|
||||||
|
|
||||||
$documentBackground: #f3f3f3;
|
|
||||||
$contentBackground: #fff;
|
|
||||||
|
|
||||||
$textColor: #333;
|
$textColor: #333;
|
||||||
$textColorLight: #666;
|
|
||||||
$textColorLighter: #888;
|
|
||||||
$textColorRed: #f44336;
|
|
||||||
|
|
||||||
$inputFocusBorder: #35b5f4;
|
|
||||||
|
|
||||||
$focusBackground: #e5e5e5;
|
|
||||||
$focusBorder: #d4d4d4;
|
|
||||||
$focusText: #000;
|
|
||||||
|
|
||||||
$loadingText: #ccc;
|
|
||||||
$splashText: #ccc;
|
|
||||||
|
|
||||||
$selectionBackground: #398df0;
|
|
||||||
$selectionBorder: #196fc2;
|
|
||||||
$selectionText: #fff;
|
|
||||||
|
|
||||||
$highlightBackground: #fffdcd;
|
|
||||||
|
|
||||||
$linkColor: #3377c0;
|
|
||||||
$linkColorHover: #2f6cb6;
|
|
||||||
$linkTextDecoration: none;
|
|
||||||
|
|
||||||
$headerBackground: #eee;
|
|
||||||
$headerBorder: #d7d7d7;
|
|
||||||
|
|
||||||
$sidebarBackground: #f9f9f9;
|
|
||||||
$sidebarBorder: #e1e1e1;
|
|
||||||
|
|
||||||
$scrollbarColor: #ccc;
|
|
||||||
$scrollbarColorHover: #999;
|
|
||||||
|
|
||||||
$pathBackground: $sidebarBackground;
|
|
||||||
$pathBorder: $sidebarBorder;
|
|
||||||
|
|
||||||
$noticeBackground: #faf9e2;
|
|
||||||
$noticeBorder: #e2e2c1;
|
|
||||||
|
|
||||||
$boxBackground: #fafafa;
|
|
||||||
$boxBorder: #d8d8d8;
|
|
||||||
$boxBorderLight: #e5e5e5;
|
|
||||||
$boxHeaderColor: $textColor;
|
|
||||||
$boxHeaderBackground: #f5f5f5;
|
|
||||||
|
|
||||||
$noteBackground: #f8f8dd;
|
|
||||||
$noteBorder: #d3d952;
|
|
||||||
|
|
||||||
$noteGreenBackground: #e7f8e1;
|
|
||||||
$noteGreenBorder: #89da70;
|
|
||||||
|
|
||||||
$noteBlueBackground: #d4f3fd;
|
html {
|
||||||
$noteBlueBorder: #94bbeb;
|
--baseFont: #{$baseFont};
|
||||||
|
--monoFont: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
||||||
|
--boldFontWeight: 500;
|
||||||
|
--bolderFontWeight: 600;
|
||||||
|
|
||||||
$noteOrangeBackground: #fbe6d1;
|
--textColorRed: #f44336;
|
||||||
$noteOrangeBorder: #ec8b01;
|
|
||||||
|
|
||||||
$noteRedBackground: #fed5d3;
|
--splashText: var(--loadingText);
|
||||||
$noteRedBorder: #dc7874;
|
|
||||||
|
|
||||||
$labelBackground: #f4f4f4;
|
--selectionText: #fff;
|
||||||
|
--transparentSelectionText: rgba(255, 255, 255, 0.9);
|
||||||
|
|
||||||
$notifBackground: rgba(#333, .85);
|
--notifColor: #fff;
|
||||||
$notifBorder: none;
|
--notifColorLight: #ccc;
|
||||||
$notifColor: #fff;
|
|
||||||
$notifColorLight: #ccc;
|
|
||||||
|
|
||||||
$tipBackground: rgba(#fffdcd, .95);
|
--maxWidth: 80rem;
|
||||||
$tipBorder: 1px solid #e7dca9;
|
--headerHeight: 3rem;
|
||||||
|
--sidebarWidth: 20rem;
|
||||||
|
--sidebarMediumWidth: 16rem;
|
||||||
|
|
||||||
$mediumScreen: '(max-width: 800px)';
|
--focusBackground: #e5e5e5;
|
||||||
|
--focusBorder: #d4d4d4;
|
||||||
|
--focusText: #000;
|
||||||
|
|
||||||
$contentZ: 1;
|
--contentZ: 1;
|
||||||
$sidebarZ: 2;
|
--sidebarZ: 2;
|
||||||
$headerZ: 3;
|
--headerZ: 3;
|
||||||
$noticeZ: 4;
|
--noticeZ: 4;
|
||||||
$hoverZ: 5;
|
--hoverZ: 5;
|
||||||
|
}
|
||||||
|
|||||||
@ -0,0 +1,12 @@
|
|||||||
|
._bash {
|
||||||
|
dl > dt > code,
|
||||||
|
dl > dt > kbd {
|
||||||
|
@extend %block-label, %label-blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
th[align=left] {
|
||||||
|
border-left: 1px solid var(--boxBorder);
|
||||||
|
}
|
||||||
|
|
||||||
|
code { @extend %label; }
|
||||||
|
}
|
||||||
@ -0,0 +1,21 @@
|
|||||||
|
._cypress {
|
||||||
|
@extend %simple;
|
||||||
|
|
||||||
|
.note {
|
||||||
|
h1 {
|
||||||
|
margin-left: inherit
|
||||||
|
}
|
||||||
|
|
||||||
|
&.danger {
|
||||||
|
@extend %note-red
|
||||||
|
}
|
||||||
|
|
||||||
|
&.info {
|
||||||
|
@extend %note-blue
|
||||||
|
}
|
||||||
|
|
||||||
|
&.success {
|
||||||
|
@extend %note-green
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
._dart {
|
||||||
|
@extend %simple;
|
||||||
|
|
||||||
|
dl:not(.dl-horizontal) dt, .multi-line-signature {
|
||||||
|
@extend %block-label;
|
||||||
|
|
||||||
|
.features {
|
||||||
|
float: right;
|
||||||
|
color: var(--textColorLight);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,5 +1,5 @@
|
|||||||
._dojo {
|
._dojo {
|
||||||
@extend %simple;
|
@extend %simple;
|
||||||
|
|
||||||
.jsdoc-inheritance { color: $textColorLight; }
|
.jsdoc-inheritance { color: var(--textColorLight); }
|
||||||
}
|
}
|
||||||
|
|||||||
@ -0,0 +1,7 @@
|
|||||||
|
._graphite {
|
||||||
|
@extend %simple;
|
||||||
|
|
||||||
|
dl > dt {
|
||||||
|
@extend %block-label, %label-blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue