mirror of
https://github.com/m5stack/m5-docs.git
synced 2026-05-20 10:23:01 -07:00
delect src dir
This commit is contained in:
watson8544
@@ -1,65 +0,0 @@
|
||||
// Dependencies
|
||||
// =============================================================================
|
||||
import cssVars from 'css-vars-ponyfill';
|
||||
import pluginFixCoverHeader from './plugin-fix-cover-header';
|
||||
import pluginFixNavbarMenus from './plugin-fix-navbar-menus';
|
||||
import pluginFixPrismThemes from './plugin-fix-prism-themes';
|
||||
import pluginFixReadyState from './plugin-fix-ready-state';
|
||||
import pluginFixSearchClearButton from './plugin-fix-search-clear-button';
|
||||
import pluginFixSearchResults from './plugin-fix-search-results';
|
||||
import pluginFixZoomImage from './plugin-fix-zoomimage';
|
||||
import pluginReadyTransition from './plugin-ready-transition';
|
||||
import pluginResponsiveTables from './plugin-responsive-tables';
|
||||
import { version as pkgVersion } from '../../package.json';
|
||||
|
||||
|
||||
// Main
|
||||
// =============================================================================
|
||||
// Docsify plugins
|
||||
if (window) {
|
||||
const cssVarsOptions = {
|
||||
// Force ponyfill on Edge 15/16 due to numerous custom property bugs
|
||||
// https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/?page=1&q=%22custom%20property%22%20%22custom%20properties%22%20%22css%20variable%22%20%22css%20variables%22
|
||||
onlyLegacy: !(/Edge\/15|Edge\/16./i.test(navigator.userAgent)),
|
||||
silent : true
|
||||
};
|
||||
|
||||
// CSS custom properties ponyfill
|
||||
cssVars(cssVarsOptions);
|
||||
|
||||
window.$docsify = window.$docsify || {};
|
||||
|
||||
// Add plugins
|
||||
window.$docsify.plugins = [].concat(
|
||||
// Prepend
|
||||
[
|
||||
pluginReadyTransition,
|
||||
pluginFixCoverHeader,
|
||||
pluginFixNavbarMenus,
|
||||
pluginFixPrismThemes,
|
||||
pluginFixReadyState,
|
||||
pluginResponsiveTables
|
||||
],
|
||||
// Existing
|
||||
(window.$docsify.plugins || []),
|
||||
// Append
|
||||
[
|
||||
pluginFixSearchClearButton,
|
||||
pluginFixSearchResults,
|
||||
pluginFixZoomImage
|
||||
]
|
||||
);
|
||||
|
||||
// Add themeable object
|
||||
window.$docsify.themeable = window.$docsify.themeable || {};
|
||||
|
||||
// Add themeable properties
|
||||
window.$docsify.themeable.version = pkgVersion;
|
||||
|
||||
// Add themeable utilities
|
||||
window.$docsify.themeable.util = {
|
||||
cssVars: function(options = cssVarsOptions) {
|
||||
cssVars(options);
|
||||
}
|
||||
};
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
// Plugin
|
||||
// =============================================================================
|
||||
// Removes unnecessary <a> wrapper around <h1> content in coverpage
|
||||
export default function(hook, vm) {
|
||||
hook.doneEach(function() {
|
||||
const coverHeaderLink = document.querySelector('.cover h1 > a');
|
||||
|
||||
if (coverHeaderLink) {
|
||||
coverHeaderLink.parentNode.innerHTML = coverHeaderLink.innerHTML;
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -1,70 +0,0 @@
|
||||
// Functions
|
||||
// =============================================================================
|
||||
/**
|
||||
* Wraps direct descendant text nodes in the HTML tag specified with a tab
|
||||
* index attribute.
|
||||
*
|
||||
* @param {object} elm The element containing text nodes
|
||||
* @param {string} wrapTag The tag to wrap text nodes with
|
||||
* @param {number|string} [tabIndex=null] The wrapTag tabIndex value
|
||||
*/
|
||||
function wrapTextNodes(elm, wrapTag, tabIndex = null) {
|
||||
const hasTextNodes = elm.childNodes[0].nodeType === 3;
|
||||
const menuElm = elm.querySelector('ul');
|
||||
|
||||
if (hasTextNodes && menuElm) {
|
||||
const hasChildWithTabIndex = Array.apply(null, elm.children).some(child => child.tabIndex > -1).length;
|
||||
|
||||
// Wrap non-link labels
|
||||
if (!hasChildWithTabIndex) {
|
||||
const wrapElm = document.createElement('span');
|
||||
|
||||
if (tabIndex !== null) {
|
||||
wrapElm.setAttribute('tabindex', tabIndex);
|
||||
}
|
||||
|
||||
elm.insertBefore(wrapElm, menuElm);
|
||||
|
||||
while(elm.childNodes[0] !== wrapElm) {
|
||||
wrapElm.appendChild(elm.childNodes[0]);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Plugin
|
||||
// =============================================================================
|
||||
// 1. Wraps top-level navbar <li> non-link labels in a <span> with a tabindex
|
||||
// attribute to allow touch-based devices to display drop menus on :hover.
|
||||
// 2. Toggles 'focus-within' class to simulate native :focus-within behavior
|
||||
export default function(hook, vm) {
|
||||
hook.doneEach(function() {
|
||||
const navbarItems = Array.apply(null, document.querySelectorAll('body > nav.app-nav > ul > li'));
|
||||
const sidebarItems = Array.apply(null, document.querySelectorAll('.sidebar > nav > ul > li'));
|
||||
|
||||
// Standard navigation bar
|
||||
navbarItems.forEach(item => {
|
||||
const focusClassName = 'focus-within';
|
||||
|
||||
wrapTextNodes(item, 'span', 0);
|
||||
|
||||
// Simulate :focus-within
|
||||
item.addEventListener('focusin', evt => {
|
||||
if (item.contains(document.activeElement)) {
|
||||
item.classList.add(focusClassName);
|
||||
}
|
||||
});
|
||||
|
||||
item.addEventListener('focusout', evt => {
|
||||
if (!item.contains(document.activeElement)) {
|
||||
item.classList.remove(focusClassName);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Merged nav bar in sidebar via 'mergeNavbar' option
|
||||
sidebarItems.forEach(item => {
|
||||
wrapTextNodes(item, 'span');
|
||||
});
|
||||
});
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
// Plugin
|
||||
// =============================================================================
|
||||
// Updates <code> and <pre> class names for Prism.js theme compatibility
|
||||
export default function(hook, vm) {
|
||||
hook.doneEach(function() {
|
||||
const preElms = Array.apply(null, document.querySelectorAll('pre[data-lang]'));
|
||||
|
||||
preElms.forEach(preElm => {
|
||||
const codeElm = preElm.querySelector('code');
|
||||
const prismClass = `language-${preElm.getAttribute('data-lang')}`;
|
||||
|
||||
preElm.classList.add(prismClass);
|
||||
codeElm.classList.add(prismClass);
|
||||
});
|
||||
});
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
// Plugin
|
||||
// =============================================================================
|
||||
// Fixes docsify's incorrect addition of the "ready" state class to the <body>
|
||||
// element before the ready event has actually fired
|
||||
export default function(hook, vm) {
|
||||
// 404 Fix
|
||||
hook.mounted(function() {
|
||||
const contentElm = document.querySelector('.content');
|
||||
const readyCheck = setInterval(function() {
|
||||
if (contentElm.textContent.length) {
|
||||
document.body.classList.add('ready-fix');
|
||||
clearInterval(readyCheck);
|
||||
}
|
||||
}, 250);
|
||||
});
|
||||
|
||||
hook.ready(function() {
|
||||
document.body.classList.add('ready-fix');
|
||||
});
|
||||
}
|
||||
@@ -1,27 +0,0 @@
|
||||
// Plugin
|
||||
// =============================================================================
|
||||
// Replaces docsify's "clear search" button:
|
||||
// - Use a <button> element to allow focus
|
||||
// - Add aria-label for screen readers
|
||||
// - Improve icon by sizing properly and applying non-scaling-stroke effect
|
||||
export default function(hook, vm) {
|
||||
hook.ready(function() {
|
||||
const oldButton = document.querySelector('.sidebar .search .clear-button');
|
||||
|
||||
if (oldButton) {
|
||||
const newButton = document.createElement('button');
|
||||
|
||||
newButton.className = 'clear-button';
|
||||
newButton.setAttribute('aria-label', 'Clear search');
|
||||
newButton.innerHTML = `
|
||||
<svg width="16" height="16" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="8" cy="8" r="8" fill="black"></circle>
|
||||
<path stroke="white" stroke-width="1.5" d="M4.5,4.5,11.5,11.5" vector-effect="non-scaling-stroke"></path>
|
||||
<path stroke="white" stroke-width="1.5" d="M4.5,11.5,11.5,4.5" vector-effect="non-scaling-stroke"></path>
|
||||
</svg>
|
||||
`;
|
||||
|
||||
oldButton.parentNode.replaceChild(newButton, oldButton);
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -1,35 +0,0 @@
|
||||
// Plugin
|
||||
// =============================================================================
|
||||
// Toggles "show" class on search wrapper element when results are displayed,
|
||||
// allowing sidebar navigation visibility to be toggle on/off
|
||||
export default function(hook, vm) {
|
||||
hook.ready(function() {
|
||||
const searchElm = document.querySelector('.sidebar .search');
|
||||
const searchInputElm = document.querySelector('.sidebar .search input[type=search]');
|
||||
const searchClearElm = document.querySelector('.sidebar .search .clear-button');
|
||||
|
||||
if (searchElm) {
|
||||
// Remove "show" class on clear button click
|
||||
searchElm.addEventListener('click', function(evt) {
|
||||
const isClearButton = evt.target === searchClearElm || searchClearElm.contains(evt.target);
|
||||
|
||||
if (isClearButton) {
|
||||
searchElm.classList.remove('show');
|
||||
searchInputElm.focus();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (searchInputElm) {
|
||||
// Toggle "show" class on input
|
||||
searchInputElm.addEventListener('input', function(evt) {
|
||||
if (searchInputElm.value.length) {
|
||||
searchElm.classList.add('show');
|
||||
}
|
||||
else {
|
||||
searchElm.classList.remove('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -1,24 +0,0 @@
|
||||
// Plugin
|
||||
// =============================================================================
|
||||
// Removes unnecessary <a> wrapper around <h1> content in coverpage
|
||||
export default function(hook, vm) {
|
||||
const matchesSelector = Element.prototype.matches || Element.prototype.webkitMatchesSelector || Element.prototype.msMatchesSelector;
|
||||
|
||||
hook.doneEach(function() {
|
||||
const className = 'medium-zoom-image';
|
||||
const imageElms = Array.apply(null, document.querySelectorAll(`.${className}`));
|
||||
|
||||
imageElms.forEach(elm => {
|
||||
const isLinkImage = matchesSelector.call(elm, 'a img');
|
||||
const isContentImage = matchesSelector.call(elm, '.content img');
|
||||
|
||||
if (isLinkImage || !isContentImage) {
|
||||
const cloneElm = elm.cloneNode(true);
|
||||
|
||||
// Replace elm with clone to remove event listener
|
||||
elm.parentNode.replaceChild(cloneElm, elm);
|
||||
cloneElm.classList.remove(className);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
@@ -1,29 +0,0 @@
|
||||
// Plugin
|
||||
// =============================================================================
|
||||
// Displays a loading indicator while waiting for the site to initialize and a
|
||||
// fade transition after initialization is complete
|
||||
export default function(hook, vm) {
|
||||
hook.init(function() {
|
||||
const isEnabled = ((window.$docsify || {}).themeable || {}).readyTransition !== false;
|
||||
|
||||
if (isEnabled) {
|
||||
document.body.classList.add('ready-transition');
|
||||
|
||||
// Timeout required for spinner fade-in
|
||||
setTimeout(function() {
|
||||
document.body.classList.add('ready-spinner');
|
||||
}, 1);
|
||||
|
||||
hook.ready(function() {
|
||||
const mainElm = document.querySelector('main');
|
||||
|
||||
mainElm.addEventListener('transitionend', function cb(evt) {
|
||||
// IE classList only handles one class per call
|
||||
document.body.classList.remove('ready-transition');
|
||||
document.body.classList.remove('ready-spinner');
|
||||
mainElm.removeEventListener('transitionend', cb);
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -1,54 +0,0 @@
|
||||
// Plugin
|
||||
// =============================================================================
|
||||
// Adds markdown table renderer for use with responsive table CSS
|
||||
export default function(hook, vm) {
|
||||
hook.init(function() {
|
||||
const isEnabled = ((window.$docsify || {}).themeable || {}).responsiveTables !== false;
|
||||
|
||||
if (isEnabled) {
|
||||
const markdown = window.$docsify.markdown = window.$docsify.markdown || {};
|
||||
const renderer = markdown.renderer = markdown.renderer || {};
|
||||
|
||||
markdown.smartypants = markdown.smartypants || true;
|
||||
renderer.table = renderer.table || function(header, body) {
|
||||
let tableHtml = `
|
||||
<div class="table-wrapper">
|
||||
<table>
|
||||
<thead>${header}</thead>
|
||||
<tbody>${body}</tbody>
|
||||
</table>
|
||||
</div>`;
|
||||
|
||||
try {
|
||||
const div = document.createElement('div');
|
||||
const styleElm = document.head.appendChild(document.createElement('style'));
|
||||
const styleSheet = styleElm.sheet;
|
||||
const tableId = '_' + Math.random().toString(36).substr(2, 9);
|
||||
|
||||
div.innerHTML = tableHtml;
|
||||
|
||||
const tableElm = div.querySelector('table');
|
||||
const thElms = Array.apply(null, tableElm.getElementsByTagName('th'));
|
||||
const thTitles = thElms.map(function(thElm) {
|
||||
return thElm.innerHTML.replace(' ', ' ');
|
||||
});
|
||||
|
||||
thTitles.forEach((title, i) => {
|
||||
const rule = `#${tableId} td:nth-child(${i + 1})::before{content:"${title}";}`;
|
||||
|
||||
styleSheet.insertRule(rule, styleSheet.cssRules.length);
|
||||
});
|
||||
|
||||
tableElm.id = tableId;
|
||||
tableHtml = div.innerHTML;
|
||||
}
|
||||
catch(e) {
|
||||
// eslint-disable-next-line
|
||||
console.log('Failed to render responsive table: ' + e);
|
||||
}
|
||||
|
||||
return tableHtml;
|
||||
};
|
||||
}
|
||||
});
|
||||
}
|
||||
Vendored
-26
@@ -1,26 +0,0 @@
|
||||
// App
|
||||
// =============================================================================
|
||||
// Functions
|
||||
@import "sass-utilities/functions/__import";
|
||||
|
||||
// Mixins
|
||||
@import "include-media/dist/include-media";
|
||||
@import "sass-utilities/mixins/__import";
|
||||
|
||||
// Utility
|
||||
@import "variables";
|
||||
|
||||
// App
|
||||
@import "app";
|
||||
@import "base";
|
||||
@import "code";
|
||||
@import "content";
|
||||
@import "cover";
|
||||
@import "navbar";
|
||||
@import "sidebar";
|
||||
|
||||
// Plugins
|
||||
@import "plugin-copy-code";
|
||||
@import "plugin-pagination";
|
||||
@import "plugin-search";
|
||||
@import "plugin-zoom-image";
|
||||
@@ -1,104 +0,0 @@
|
||||
// Github Icon
|
||||
// =============================================================================
|
||||
.github-corner {
|
||||
position: absolute;
|
||||
z-index: map-get($z-index, githubcorner);
|
||||
top: 0;
|
||||
right: 0;
|
||||
border-bottom: 0;
|
||||
text-decoration: none;
|
||||
|
||||
svg {
|
||||
height: 70px;
|
||||
width: 70px;
|
||||
fill: var(--theme-color);
|
||||
color: var(--base-background-color);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.octo-arm {
|
||||
animation: octocat-wave 560ms ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes octocat-wave {
|
||||
0%, 100% {
|
||||
transform: rotate(0);
|
||||
}
|
||||
20%, 60% {
|
||||
transform: rotate(-25deg);
|
||||
}
|
||||
40%, 80% {
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Progress Bar
|
||||
// =============================================================================
|
||||
.progress {
|
||||
position: fixed;
|
||||
z-index: map-get($z-index, progress);
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 3px;
|
||||
width: 0;
|
||||
background-color: var(--theme-color);
|
||||
transition: width var(--duration-fast), opacity calc(var(--duration-fast) * 2);
|
||||
}
|
||||
|
||||
|
||||
// Spinner
|
||||
// =============================================================================
|
||||
body.ready-transition {
|
||||
&:after,
|
||||
> *:not(.progress) {
|
||||
opacity: 0;
|
||||
transition: opacity var(--spinner-transition-duration);
|
||||
}
|
||||
|
||||
// Spinner
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
top: calc(50% - (var(--spinner-size) / 2));
|
||||
left: calc(50% - (var(--spinner-size) / 2));
|
||||
height: var(--spinner-size);
|
||||
width: var(--spinner-size);
|
||||
border: var(--spinner-track-width, 0) solid var(--spinner-track-color);
|
||||
border-left-color: var(--theme-color);
|
||||
border-left-color: var(--theme-color);
|
||||
border-radius: 50%;
|
||||
animation: spinner var(--duration-slow) infinite linear;
|
||||
}
|
||||
|
||||
// Separate class required for spinner fade-in
|
||||
&.ready-spinner {
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&.ready-fix {
|
||||
&:after {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
> *:not(.progress) {
|
||||
opacity: 1;
|
||||
transition-delay: var(--spinner-transition-duration);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@@ -1,114 +0,0 @@
|
||||
// Base
|
||||
// =============================================================================
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
font-size: inherit;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-text-size-adjust: none;
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
background-color: var(--base-background-color);
|
||||
font-family: var(--base-font-family);
|
||||
font-size: var(--base-font-size);
|
||||
font-weight: var(--base-font-weight);
|
||||
letter-spacing: var(--base-letter-spacing);
|
||||
line-height: var(--base-line-height);
|
||||
color: var(--base-color);
|
||||
|
||||
// Normalize font weights across browsers and operating systems
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: var(--selection-color);
|
||||
}
|
||||
|
||||
// Tags
|
||||
// -----------------------------------------------------------------------------
|
||||
a {
|
||||
text-decoration: none;
|
||||
text-decoration-skip: ink;
|
||||
text-decoration-skip-ink: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
height: 0;
|
||||
margin: 2em 0;
|
||||
border: none;
|
||||
border-bottom: var(--hr-border, 0);
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
display: block; // IE Fix
|
||||
}
|
||||
|
||||
mark {
|
||||
background: var(--mark-background);
|
||||
color: var(--mark-color);
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: var(--pre-font-family);
|
||||
font-size: var(--pre-font-size);
|
||||
font-weight: var(--pre-font-weight);
|
||||
line-height: var(--pre-line-height);
|
||||
}
|
||||
|
||||
small {
|
||||
display: inline-block;
|
||||
font-size: var(--small-font-size);
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: var(--strong-font-weight);
|
||||
color: var(--strong-color, currentColor);
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: var(--subsup-font-size);
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
// Classes
|
||||
// -----------------------------------------------------------------------------
|
||||
.emoji {
|
||||
height: var(--emoji-size);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.task-list-item {
|
||||
list-style: none;
|
||||
|
||||
input {
|
||||
margin-right: 0.5em;
|
||||
margin-left: 0;
|
||||
vertical-align: 0.075em;
|
||||
}
|
||||
}
|
||||
@@ -1,143 +0,0 @@
|
||||
// Code
|
||||
// =============================================================================
|
||||
// Fixed (will override PrismJS theme declarations)
|
||||
.markdown-section {
|
||||
code[class*="lang-"],
|
||||
pre[data-lang] {
|
||||
font-family: var(--code-font-family);
|
||||
font-size: var(--code-font-size);
|
||||
font-weight: var(--code-font-weight);
|
||||
letter-spacing: normal;
|
||||
line-height: var(--code-block-line-height);
|
||||
tab-size: var(--code-tab-size);
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-wrap: normal;
|
||||
word-break: normal;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[data-lang] {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin: var(--code-block-margin);
|
||||
padding: 0;
|
||||
border-radius: var(--code-block-border-radius);
|
||||
|
||||
&::after {
|
||||
content: attr(data-lang);
|
||||
position: absolute;
|
||||
top: 0.75em;
|
||||
right: 0.75em;
|
||||
opacity: 0.6;
|
||||
color: inherit;
|
||||
font-size: var(--font-size-s);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
code {
|
||||
display: block;
|
||||
overflow: auto;
|
||||
padding: var(--code-block-padding);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Theme
|
||||
code[class*="lang-"],
|
||||
pre[data-lang] {
|
||||
color: var(--code-theme-text);
|
||||
}
|
||||
|
||||
pre[data-lang]::-moz-selection,
|
||||
pre[data-lang] ::-moz-selection,
|
||||
code[class*="lang-"]::-moz-selection,
|
||||
code[class*="lang-"] ::-moz-selection {
|
||||
background: var(--code-theme-selection, var(--selection-color));
|
||||
}
|
||||
|
||||
pre[data-lang]::selection,
|
||||
pre[data-lang] ::selection,
|
||||
code[class*="lang-"]::selection,
|
||||
code[class*="lang-"] ::selection {
|
||||
background: var(--code-theme-selection, var(--selection-color));
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="lang-"],
|
||||
pre[data-lang] {
|
||||
background: var(--code-theme-background);
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.token {
|
||||
&.comment,
|
||||
&.prolog,
|
||||
&.doctype,
|
||||
&.cdata {
|
||||
color: var(--code-theme-comment);
|
||||
}
|
||||
|
||||
&.punctuation {
|
||||
color: var(--code-theme-punctuation);
|
||||
}
|
||||
|
||||
&.property,
|
||||
&.tag,
|
||||
&.boolean,
|
||||
&.number,
|
||||
&.constant,
|
||||
&.symbol,
|
||||
&.deleted {
|
||||
color: var(--code-theme-tag);
|
||||
}
|
||||
|
||||
&.selector,
|
||||
&.attr-name,
|
||||
&.string,
|
||||
&.char,
|
||||
&.builtin,
|
||||
&.inserted {
|
||||
color: var(--code-theme-selector);
|
||||
}
|
||||
|
||||
&.operator,
|
||||
&.entity,
|
||||
&.url,
|
||||
.language-css &.string,
|
||||
.style &.string {
|
||||
color: var(--code-theme-operator);
|
||||
}
|
||||
|
||||
&.atrule,
|
||||
&.attr-value,
|
||||
&.keyword {
|
||||
color: var(--code-theme-keyword);
|
||||
}
|
||||
|
||||
&.function {
|
||||
color: var(--code-theme-function);
|
||||
}
|
||||
|
||||
&.regex,
|
||||
&.important,
|
||||
&.variable {
|
||||
color: var(--code-theme-variable);
|
||||
}
|
||||
|
||||
&.important,
|
||||
&.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
&.entity {
|
||||
cursor: help;
|
||||
}
|
||||
}
|
||||
@@ -1,437 +0,0 @@
|
||||
// Content
|
||||
// =============================================================================
|
||||
.markdown-section {
|
||||
position: relative;
|
||||
max-width: var(--content-max-width);
|
||||
margin: 0 auto;
|
||||
padding: 2rem 45px;
|
||||
|
||||
.app-nav:not(:empty) ~ main & {
|
||||
padding-top: 3.5rem;
|
||||
}
|
||||
|
||||
figure,
|
||||
p,
|
||||
ol,
|
||||
ul {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 1.5rem;
|
||||
|
||||
ol,
|
||||
ul {
|
||||
margin-top: 0.15rem;
|
||||
margin-bottom: 0.15rem;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
border-bottom: var(--link-border-bottom);
|
||||
// color: var(--link-color);
|
||||
color: var(--theme-color,#42b983);
|
||||
text-decoration: var(--link-text-decoration);
|
||||
text-decoration-color: var(--link-text-decoration-color);
|
||||
|
||||
&:hover {
|
||||
border-bottom: var(--link-border-bottom--hover, var(--link-border-bottom, 0));
|
||||
color: var(--link-color--hover, var(--link-color));
|
||||
text-decoration: var(--link-text-decoration--hover, var(--link-text-decoration));
|
||||
text-decoration-color: var(--link-text-decoration-color--hover, var(--link-text-decoration-color));
|
||||
}
|
||||
|
||||
&.anchor {
|
||||
border-bottom: 0;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
overflow: visible;
|
||||
margin: 2em 0;
|
||||
padding: 1.5em;
|
||||
border-width: var(--blockquote-border-width, 0);
|
||||
border-style: var(--blockquote-border-style);
|
||||
border-color: var(--blockquote-border-color);
|
||||
border-radius: var(--blockquote-border-radius);
|
||||
background: var(--blockquote-background);
|
||||
color: var(--blockquote-color);
|
||||
font-family: var(--blockquote-font-family);
|
||||
font-size: var(--blockquote-font-size);
|
||||
font-style: var(--blockquote-font-style);
|
||||
font-weight: var(--blockquote-font-weight);
|
||||
quotes: "\201C""\201D""\2018""\2019";
|
||||
|
||||
em {
|
||||
font-family: var(--blockquote-em-font-family);
|
||||
font-size: var(--blockquote-em-font-size);
|
||||
font-style: var(--blockquote-em-font-style);
|
||||
font-weight: var(--blockquote-em-font-weight);
|
||||
}
|
||||
|
||||
p {
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
color: var(--blockquote-quotes-color);
|
||||
font-family: var(--blockquote-quotes-font-family);
|
||||
font-size: var(--blockquote-quotes-font-size);
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: var(--blockquote-quotes-open);
|
||||
margin-right: 0.15em;
|
||||
vertical-align: -0.45em;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: var(--blockquote-quotes-close);
|
||||
margin-left: 0.15em;
|
||||
vertical-align: -0.55em;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: var(--code-font-family);
|
||||
font-size: var(--code-font-size);
|
||||
font-weight: var(--code-font-weight);
|
||||
line-height: inherit;
|
||||
|
||||
&:not([class*="lang-"]):not([class*="language-"]) {
|
||||
margin: var(--code-inline-margin);
|
||||
padding: var(--code-inline-padding);
|
||||
border-radius: var(--code-inline-border-radius);
|
||||
background: var(--code-inline-background);
|
||||
color: var(--code-inline-color, currentColor);
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
h1 + h2,
|
||||
h1 + h3,
|
||||
h1 + h4,
|
||||
h1 + h5,
|
||||
h1 + h6,
|
||||
h2 + h3,
|
||||
h2 + h4,
|
||||
h2 + h5,
|
||||
h2 + h6,
|
||||
h3 + h4,
|
||||
h3 + h5,
|
||||
h3 + h6,
|
||||
h4 + h5,
|
||||
h4 + h6,
|
||||
h5 + h6 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: var(--heading-h1-margin, var(--heading-margin));
|
||||
padding: var(--heading-h1-padding, var(--heading-padding));
|
||||
border-width: var(--heading-h1-border-width, 0);
|
||||
border-style: var(--heading-h1-border-style);
|
||||
border-color: var(--heading-h1-border-color);
|
||||
font-family: var(--heading-h1-font-family, var(--heading-font-family));
|
||||
font-size: var(--heading-h1-font-size);
|
||||
font-weight: var(--heading-h1-font-weight, var(--heading-font-weight));
|
||||
line-height: var(--base-line-height);
|
||||
color: var(--heading-h1-color, var(--heading-color));
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: var(--heading-h2-margin, var(--heading-margin));
|
||||
padding: var(--heading-h2-padding, var(--heading-padding));
|
||||
border-width: var(--heading-h2-border-width, 0);
|
||||
border-style: var(--heading-h2-border-style);
|
||||
border-color: var(--heading-h2-border-color);
|
||||
font-family: var(--heading-h2-font-family, var(--heading-font-family));
|
||||
font-size: var(--heading-h2-font-size);
|
||||
font-weight: var(--heading-h2-font-weight, var(--heading-font-weight));
|
||||
line-height: var(--base-line-height);
|
||||
color: var(--heading-h2-color, var(--heading-color));
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: var(--heading-h3-margin, var(--heading-margin));
|
||||
padding: var(--heading-h3-padding, var(--heading-padding));
|
||||
border-width: var(--heading-h3-border-width, 0);
|
||||
border-style: var(--heading-h3-border-style);
|
||||
border-color: var(--heading-h3-border-color);
|
||||
font-family: var(--heading-h3-font-family, var(--heading-font-family));
|
||||
font-size: var(--heading-h3-font-size);
|
||||
font-weight: var(--heading-h3-font-weight, var(--heading-font-weight));
|
||||
color: var(--heading-h3-color, var(--heading-color));
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: var(--heading-h4-margin, var(--heading-margin));
|
||||
padding: var(--heading-h4-padding, var(--heading-padding));
|
||||
border-width: var(--heading-h4-border-width, 0);
|
||||
border-style: var(--heading-h4-border-style);
|
||||
border-color: var(--heading-h4-border-color);
|
||||
font-family: var(--heading-h4-font-family, var(--heading-font-family));
|
||||
font-size: var(--heading-h4-font-size);
|
||||
font-weight: var(--heading-h4-font-weight, var(--heading-font-weight));
|
||||
color: var(--heading-h4-color, var(--heading-color));
|
||||
}
|
||||
|
||||
h5 {
|
||||
margin: var(--heading-h5-margin, var(--heading-margin));
|
||||
padding: var(--heading-h5-padding, var(--heading-padding));
|
||||
border-width: var(--heading-h5-border-width, 0);
|
||||
border-style: var(--heading-h5-border-style);
|
||||
border-color: var(--heading-h5-border-color);
|
||||
font-family: var(--heading-h5-font-family, var(--heading-font-family));
|
||||
font-weight: var(--heading-h5-font-weight, var(--heading-font-weight));
|
||||
color: var(--heading-h5-color, var(--heading-color));
|
||||
|
||||
&,
|
||||
& + p,
|
||||
& + p + p {
|
||||
font-size: var(--heading-h5-font-size);
|
||||
}
|
||||
}
|
||||
|
||||
h6 {
|
||||
margin: var(--heading-h6-margin, var(--heading-margin));
|
||||
padding: var(--heading-h6-padding, var(--heading-padding));
|
||||
border-width: var(--heading-h6-border-width, 0);
|
||||
border-style: var(--heading-h6-border-style);
|
||||
border-color: var(--heading-h6-border-color);
|
||||
font-family: var(--heading-h6-font-family, var(--heading-font-family));
|
||||
font-weight: var(--heading-h6-font-weight, var(--heading-font-weight));
|
||||
|
||||
&,
|
||||
& + p,
|
||||
& + p + p {
|
||||
font-size: var(--heading-h6-font-size);
|
||||
color: var(--heading-h6-color, var(--heading-color));
|
||||
}
|
||||
}
|
||||
|
||||
iframe {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
kbd {
|
||||
display: inline-block;
|
||||
min-width: var(--kbd-min-width);
|
||||
margin: var(--kbd-margin);
|
||||
padding: var(--kbd-padding);
|
||||
border: var(--kbd-border);
|
||||
border-radius: var(--kbd-border-radius);
|
||||
background: var(--kbd-background);
|
||||
font-family: inherit;
|
||||
font-size: var(--kbd-font-size);
|
||||
text-align: center;
|
||||
letter-spacing: 0;
|
||||
line-height: 1;
|
||||
color: var(--kbd-color);
|
||||
|
||||
+ kbd {
|
||||
margin-left: -0.15em;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
display: block;
|
||||
overflow: auto;
|
||||
margin: 1rem 0;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: var(--table-cell-padding);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
thead {
|
||||
border-color: var(--table-head-border-color);
|
||||
border-style: solid;
|
||||
border-width: var(--table-head-border-width, 0);
|
||||
background: var(--table-head-background);
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: var(--table-head-font-weight);
|
||||
color: var(--strong-color);
|
||||
}
|
||||
|
||||
td {
|
||||
border-color: var(--table-cell-border-color);
|
||||
border-style: solid;
|
||||
border-width: var(--table-cell-border-width, 0);
|
||||
}
|
||||
|
||||
tbody {
|
||||
border-color: var(--table-body-border-color);
|
||||
border-style: solid;
|
||||
border-width: var(--table-body-border-width, 0);
|
||||
|
||||
tr {
|
||||
&:nth-child(odd) {
|
||||
background: var(--table-row-odd-background);
|
||||
}
|
||||
&:nth-child(even) {
|
||||
background: var(--table-row-even-background);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> ul {
|
||||
.task-list-item {
|
||||
margin-left: -1.25em;
|
||||
|
||||
.task-list-item {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-wrapper {
|
||||
table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include media("<=small") {
|
||||
tbody,
|
||||
tr,
|
||||
td {
|
||||
display: block;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: none;
|
||||
}
|
||||
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tr {
|
||||
border-color: var(--table-cell-border-color);
|
||||
border-style: solid;
|
||||
border-width: var(--table-cell-border-width, 0);
|
||||
padding: var(--table-cell-padding);
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
display: flex;
|
||||
padding: 0.15em 0;
|
||||
|
||||
&::before {
|
||||
display: block;
|
||||
min-width: 8em;
|
||||
max-width: 8em;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tip,
|
||||
.warn {
|
||||
position: relative;
|
||||
margin: 2em 0;
|
||||
padding: var(--notice-padding);
|
||||
border-width: var(--notice-border-width, 0);
|
||||
border-style: var(--notice-border-style);
|
||||
border-color: var(--notice-border-color);
|
||||
border-radius: var(--notice-border-radius);
|
||||
background: var(--notice-background);
|
||||
font-family: var(--notice-font-family);
|
||||
font-weight: var(--notice-font-weight);
|
||||
color: var(--notice-color);
|
||||
|
||||
&:before {
|
||||
display: inline-block;
|
||||
position: var(--notice-before-position, relative);
|
||||
top: var(--notice-before-top);
|
||||
left: var(--notice-before-left);
|
||||
height: var(--notice-before-height);
|
||||
width: var(--notice-before-width);
|
||||
margin: var(--notice-before-margin);
|
||||
padding: var(--notice-before-padding);
|
||||
border-radius: var(--notice-before-border-radius);
|
||||
line-height: var(--notice-before-line-height);
|
||||
font-family: var(--notice-before-font-family);
|
||||
font-size: var(--notice-before-font-size);
|
||||
font-weight: var(--notice-before-font-weight);
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.tip {
|
||||
border-width: var(--notice-important-border-width, var(--notice-border-width, 0));
|
||||
border-style: var(--notice-important-border-style, var(--notice-border-style));
|
||||
border-color: var(--notice-important-border-color, var(--notice-border-color));
|
||||
background: var(--notice-important-background, var(--notice-background));
|
||||
color: var(--notice-important-color, var(--notice-color));
|
||||
|
||||
&:before {
|
||||
content: var(--notice-important-before-content, var(--notice-before-content));
|
||||
background: var(--notice-important-before-background, var(--notice-before-background));
|
||||
color: var(--notice-important-before-color, var(--notice-before-color));
|
||||
}
|
||||
}
|
||||
|
||||
.warn {
|
||||
border-width: var(--notice-tip-border-width, var(--notice-border-width, 0));
|
||||
border-style: var(--notice-tip-border-style, var(--notice-border-style));
|
||||
border-color: var(--notice-tip-border-color, var(--notice-border-color));
|
||||
background: var(--notice-tip-background, var(--notice-background));
|
||||
color: var(--notice-tip-color, var(--notice-color));
|
||||
|
||||
&:before {
|
||||
content: var(--notice-tip-before-content, var(--notice-before-content));
|
||||
background: var(--notice-tip-before-background, var(--notice-before-background));
|
||||
color: var(--notice-tip-before-color, var(--notice-before-color));
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,201 +0,0 @@
|
||||
// Cover
|
||||
// =============================================================================
|
||||
.cover {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: map-get($z-index, coverpage);
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: calc(var(--cover-border-inset, 0px) + var(--cover-border-width, 0px));
|
||||
color: var(--cover-color);
|
||||
text-align: var(--cover-text-align);
|
||||
|
||||
// Bug (IE 10/11): column & min-height
|
||||
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-blend-mode: var(--cover-background-blend-mode);
|
||||
background-color: var(--cover-background-color);
|
||||
background-image: var(--cover-background-image);
|
||||
background-position: var(--cover-background-position);
|
||||
background-repeat: var(--cover-background-repeat);
|
||||
background-size: var(--cover-background-size);
|
||||
}
|
||||
|
||||
&:after {
|
||||
top: var(--cover-border-inset, 0);
|
||||
bottom: var(--cover-border-inset, 0);
|
||||
left: var(--cover-border-inset, 0);
|
||||
right: var(--cover-border-inset, 0);
|
||||
border-width: var(--cover-border-width, 0);
|
||||
border-style: solid;
|
||||
border-color: var(--cover-border-color);
|
||||
}
|
||||
|
||||
a {
|
||||
border-bottom: var(--cover-link-border-bottom);
|
||||
color: var(--cover-link-color);
|
||||
text-decoration: var(--cover-link-text-decoration);
|
||||
text-decoration-color: var(--cover-link-text-decoration-color);
|
||||
|
||||
&:hover {
|
||||
border-bottom: var(--cover-link-border-bottom--hover, var(--cover-link-border-bottom));
|
||||
color: var(--cover-link-color--hover, var(--cover-link-color));
|
||||
text-decoration: var(--cover-link-text-decoration--hover, var(--cover-link-text-decoration));
|
||||
text-decoration-color: var(--cover-link-text-decoration-color--hover, var(--cover-link-text-decoration-color));
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: var(--cover-heading-color);
|
||||
position: relative;
|
||||
margin: 0;
|
||||
font-size: var(--cover-heading-font-size);
|
||||
font-weight: var(--cover-heading-font-weight);
|
||||
line-height: 1.2;
|
||||
|
||||
a,
|
||||
a:hover {
|
||||
display: block;
|
||||
border-bottom: none;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
small {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
// Fluid
|
||||
span {
|
||||
font-size: calc(var(--cover-heading-font-size-min) * 1px);
|
||||
|
||||
@include media(">=xsmall") {
|
||||
font-size: calc((var(--cover-heading-font-size-min) * 1px) + (var(--cover-heading-font-size-max) - var(--cover-heading-font-size-min)) * ((100vw - 420px) / (1024 - 420)));
|
||||
}
|
||||
|
||||
@include media(">=large") {
|
||||
font-size: calc(var(--cover-heading-font-size-max) * 1px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0;
|
||||
color: var(--cover-blockquote-color);
|
||||
font-size: var(--cover-blockquote-font-size);
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.cover-main {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-width: var(--cover-max-width);
|
||||
margin: var(--cover-margin);
|
||||
padding: 0 45px;
|
||||
|
||||
// Buttons
|
||||
> p:last-child {
|
||||
$button-margin: 0.25em;
|
||||
|
||||
margin: 1.5em -$button-margin 0 -$button-margin;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
margin: ($button-margin * 1.5) $button-margin;
|
||||
padding: var(--cover-button-padding);
|
||||
border: var(--cover-button-border);
|
||||
border-radius: var(--cover-button-border-radius);
|
||||
box-shadow: var(--cover-button-box-shadow);
|
||||
background: var(--cover-button-background);
|
||||
text-align: center;
|
||||
text-decoration: var(--cover-button-text-decoration);
|
||||
text-decoration-color: var(--cover-button-text-decoration-color);
|
||||
color: var(--cover-button-color);
|
||||
white-space: nowrap;
|
||||
transition: var(--cover-button-transition);
|
||||
|
||||
&:hover {
|
||||
border: var(--cover-button-border--hover, var(--cover-button-border));
|
||||
box-shadow: var(--cover-button-box-shadow--hover, var(--cover-button-box-shadow));
|
||||
background: var(--cover-button-background--hover, var(--cover-button-background));
|
||||
text-decoration: var(--cover-button-text-decoration--hover, var(--cover-button-text-decoration));
|
||||
text-decoration-color: var(--cover-button-text-decoration-color--hover, var(--cover-button-text-decoration-color));
|
||||
color: var(--cover-button-color--hover, var(--cover-button-color));
|
||||
}
|
||||
|
||||
// Primary
|
||||
&:first-child {
|
||||
border: var(--cover-button-primary-border, var(--cover-button-border));
|
||||
box-shadow: var(--cover-button-primary-box-shadow, var(--cover-button-box-shadow));
|
||||
background: var(--cover-button-primary-background, var(--cover-button-background));
|
||||
text-decoration: var(--cover-button-primary-text-decoration, var(--cover-button-text-decoration));
|
||||
text-decoration-color: var(--cover-button-primary-text-decoration-color, var(--cover-button-text-decoration-color));
|
||||
color: var(--cover-button-primary-color, var(--cover-button-color));
|
||||
|
||||
&:hover {
|
||||
border: var(--cover-button-primary-border--hover, var(--cover-button-border--hover, var(--cover-button-primary-border, var(--cover-button-border))));
|
||||
box-shadow: var(--cover-button-primary-box-shadow--hover, var(--cover-button-box-shadow--hover, var(--cover-button-primary-box-shadow, var(--cover-button-box-shadow))));
|
||||
background: var(--cover-button-primary-background--hover, var(--cover-button-background--hover, var(--cover-button-primary-background, var(--cover-button-background))));
|
||||
text-decoration: var(--cover-button-primary-text-decoration--hover, var(--cover-button-text-decoration--hover, var(--cover-button-primary-text-decoration, var(--cover-button-text-decoration))));
|
||||
text-decoration-color: var(--cover-button-primary-text-decoration-color--hover, var(--cover-button-text-decoration-color--hover, var(--cover-button-primary-text-decoration-color, var(--cover-button-text-decoration-color))));
|
||||
color: var(--cover-button-primary-color--hover, var(--cover-button-color--hover, var(--cover-button-primary-color, var(--cover-button-color))));
|
||||
}
|
||||
}
|
||||
|
||||
@include media(">small") {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mask {
|
||||
visibility: var(--cover-background-mask-visibility, hidden);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: var(--cover-background-mask-color);
|
||||
opacity: var(--cover-background-mask-opacity);
|
||||
}
|
||||
|
||||
|
||||
// State
|
||||
// =========================================================================
|
||||
// Display mask with markdown background image
|
||||
&.has-mask {
|
||||
.mask {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
&.show {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
@@ -1,174 +0,0 @@
|
||||
// Nav bar
|
||||
// =============================================================================
|
||||
.app-nav {
|
||||
position: absolute;
|
||||
z-index: map-get($z-index, navbar);
|
||||
top: calc(35px - (0.5em * var(--base-line-height)));
|
||||
left: 45px;
|
||||
right: 80px;
|
||||
text-align: right;
|
||||
|
||||
&.no-badge {
|
||||
right: 45px;
|
||||
}
|
||||
|
||||
li > img,
|
||||
li > a > img {
|
||||
margin-top: -0.25em;
|
||||
vertical-align: middle;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
line-height: 1;
|
||||
transition: var(--navbar-root-transition);
|
||||
}
|
||||
|
||||
ul,
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
> ul {
|
||||
> li {
|
||||
display: inline-block;
|
||||
margin: var(--navbar-root-margin);
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
// Root
|
||||
> a,
|
||||
> span {
|
||||
padding: var(--navbar-root-padding);
|
||||
border-width: var(--navbar-root-border-width, 0);
|
||||
border-style: var(--navbar-root-border-style);
|
||||
border-color: var(--navbar-root-border-color);
|
||||
border-radius: var(--navbar-root-border-radius);
|
||||
background: var(--navbar-root-background);
|
||||
color: var(--navbar-root-color);
|
||||
text-decoration: var(--navbar-root-text-decoration);
|
||||
text-decoration-color: var(--navbar-root-text-decoration-color);
|
||||
|
||||
&:hover {
|
||||
background: var(--navbar-root-background--hover, var(--navbar-root-background));
|
||||
border-style: var(--navbar-root-border-style--hover, var(--navbar-root-border-style));
|
||||
border-color: var(--navbar-root-border-color--hover, var(--navbar-root-border-color));
|
||||
color: var(--navbar-root-color--hover, var(--navbar-root-color));
|
||||
text-decoration: var(--navbar-root-text-decoration--hover, var(--navbar-root-text-decoration));
|
||||
text-decoration-color: var(--navbar-root-text-decoration-color--hover, var(--navbar-root-text-decoration-color));
|
||||
}
|
||||
|
||||
// Menu root
|
||||
&:not(:last-child) {
|
||||
padding: var(--navbar-menu-root-padding, var(--navbar-root-padding));
|
||||
background: var(--navbar-menu-root-background, var(--navbar-root-background));
|
||||
|
||||
&:hover {
|
||||
background: var(--navbar-menu-root-background--hover, var(--navbar-menu-root-background, var(--navbar-root-background--hover, var(--navbar-root-background))));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
&.active {
|
||||
background: var(--navbar-root-background--active, var(--navbar-root-background));
|
||||
border-style: var(--navbar-root-border-style--active, var(--navbar-root-border-style));
|
||||
border-color: var(--navbar-root-border-color--active, var(--navbar-root-border-color));
|
||||
color: var(--navbar-root-color--active, var(--navbar-root-color));
|
||||
text-decoration: var(--navbar-root-text-decoration--active, var(--navbar-root-text-decoration));
|
||||
text-decoration-color: var(--navbar-root-text-decoration-color--active, var(--navbar-root-text-decoration-color));
|
||||
|
||||
// Menu root
|
||||
&:not(:last-child) {
|
||||
&:hover {
|
||||
background: var(--navbar-menu-root-background--active, var(--navbar-menu-root-background, var(--navbar-root-background--active, var(--navbar-root-background))));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 50%;
|
||||
overflow-y: auto;
|
||||
box-sizing: border-box;
|
||||
max-height: calc(50vh);
|
||||
padding: var(--navbar-menu-padding);
|
||||
border-width: var(--navbar-menu-border-width, 0);
|
||||
border-style: solid;
|
||||
border-color: var(--navbar-menu-border-color);
|
||||
border-radius: var(--navbar-menu-border-radius);
|
||||
background: var(--navbar-menu-background);
|
||||
box-shadow: var(--navbar-menu-box-shadow);
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
opacity: 0;
|
||||
transform: translate(50%, -0.35em);
|
||||
transition: var(--navbar-menu-transition);
|
||||
|
||||
li {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
a {
|
||||
margin: var(--navbar-menu-link-margin);
|
||||
padding: var(--navbar-menu-link-padding);
|
||||
border-width: var(--navbar-menu-link-border-width, 0);
|
||||
border-style: var(--navbar-menu-link-border-style);
|
||||
border-color: var(--navbar-menu-link-border-color);
|
||||
border-radius: var(--navbar-menu-link-border-radius);
|
||||
background: var(--navbar-menu-link-background);
|
||||
color: var(--navbar-menu-link-color);
|
||||
text-decoration: var(--navbar-menu-link-text-decoration);
|
||||
text-decoration-color: var(--navbar-menu-link-text-decoration-color);
|
||||
|
||||
&:hover {
|
||||
background: var(--navbar-menu-link-background--hover, var(--navbar-menu-link-background));
|
||||
border-style: var(--navbar-menu-link-border-style--hover, var(--navbar-menu-link-border-style));
|
||||
border-color: var(--navbar-menu-link-border-color--hover, var(--navbar-menu-link-border-color));
|
||||
color: var(--navbar-menu-link-color--hover, var(--navbar-menu-link-color));
|
||||
text-decoration: var(--navbar-menu-link-text-decoration--hover, var(--navbar-menu-link-text-decoration));
|
||||
text-decoration-color: var(--navbar-menu-link-text-decoration-color--hover, var(--navbar-menu-link-text-decoration-color));
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: var(--navbar-menu-link-background--active, var(--navbar-menu-link-background));
|
||||
border-style: var(--navbar-menu-link-border-style--active, var(--navbar-menu-link-border-style));
|
||||
border-color: var(--navbar-menu-link-border-color--active, var(--navbar-menu-link-border-color));
|
||||
color: var(--navbar-menu-link-color--active, var(--navbar-menu-link-color));
|
||||
text-decoration: var(--navbar-menu-link-text-decoration--active, var(--navbar-menu-link-text-decoration));
|
||||
text-decoration-color: var(--navbar-menu-link-text-decoration-color--active, var(--navbar-menu-link-text-decoration-color));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus-within {
|
||||
ul {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transform: translate(50%, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,60 +0,0 @@
|
||||
// Plugin: Copy Code
|
||||
// https://github.com/jperasmus/docsify-copy-code
|
||||
//
|
||||
// Default styles are applied via an external stylesheet.
|
||||
// External styles are copied below for reference only.
|
||||
// https://unpkg.com/docsify-copy-code/styles.css
|
||||
// =============================================================================
|
||||
// v1.1.0
|
||||
.docsify-copy-code-button {
|
||||
// background: #ccc;
|
||||
// color: #fff;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// right: 0;
|
||||
// outline: 0;
|
||||
// border: 0;
|
||||
// border-radius: 0;
|
||||
// cursor: pointer;
|
||||
// z-index: 1;
|
||||
// padding: 10px;
|
||||
// transition: all 0.25s ease;
|
||||
// opacity: 0;
|
||||
|
||||
&::after {
|
||||
// content: "Copied!";
|
||||
// position: absolute;
|
||||
// right: 100%;
|
||||
// top: 0;
|
||||
// background: #ccc;
|
||||
// color: #fff;
|
||||
// padding: 5px;
|
||||
// margin: 5px 10px 0;
|
||||
// font-size: 11px;
|
||||
// z-index: 0;
|
||||
// transition: all 0.25s ease;
|
||||
// transform: translateX(120%) scale(0);
|
||||
// border-radius: 3px;
|
||||
}
|
||||
|
||||
&.success::after {
|
||||
// transform: translateX(0) scale(1);
|
||||
}
|
||||
|
||||
pre[v-pre]:hover & {
|
||||
// opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Overriding injected styles (above) requires higher specificity:
|
||||
// - For <style> declaration, add parent element to selector (e.g. body)
|
||||
// - For inline declarations, add !important to selector
|
||||
// =============================================================================
|
||||
body {
|
||||
.docsify-copy-code-button,
|
||||
.docsify-copy-code-button::after {
|
||||
background: var(--copycode-background);
|
||||
color: var(--copycode-color);
|
||||
}
|
||||
}
|
||||
@@ -1,113 +0,0 @@
|
||||
// Plugin: Pagination
|
||||
// https://github.com/imyelo/docsify-pagination
|
||||
//
|
||||
// Default styles are applied via a dynamically-generated <style> element.
|
||||
// Injected styles are copied below for reference only.
|
||||
// =============================================================================
|
||||
// v2.3.0
|
||||
.docsify-pagination-container {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: space-between;
|
||||
// overflow: hidden;
|
||||
// margin: 5em 0 1em;
|
||||
// border-top: 1px solid rgba(0,0,0,.07);
|
||||
}
|
||||
|
||||
.pagination-item {
|
||||
// margin-top: 2.5em;
|
||||
|
||||
a,
|
||||
a:hover {
|
||||
// text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
// color: currentColor;
|
||||
|
||||
&:hover .pagination-item-title {
|
||||
// text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:last-child) a .pagination-item-label,
|
||||
&:not(:last-child) a .pagination-item-title {
|
||||
// opacity: .3;
|
||||
// transition: all .2s;
|
||||
}
|
||||
|
||||
&:last-child .pagination-item-label,
|
||||
&:not(:last-child) a:hover .pagination-item-label {
|
||||
// opacity: .6;
|
||||
}
|
||||
|
||||
&:not(:last-child) a:hover .pagination-item-title {
|
||||
// opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination-item-label {
|
||||
// margin-bottom: .35em;
|
||||
// font-size: .8em;
|
||||
|
||||
> * {
|
||||
// line-height: 1;
|
||||
// vertical-align: middle;
|
||||
}
|
||||
|
||||
svg {
|
||||
// height: .8em;
|
||||
// width: auto;
|
||||
// stroke: currentColor;
|
||||
// stroke-linecap: round;
|
||||
// stroke-linejoin: round;
|
||||
// stroke-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination-item--next {
|
||||
// margin-left: auto;
|
||||
// text-align: right;
|
||||
}
|
||||
|
||||
.pagination-item--next svg {
|
||||
// margin-left: .5em;
|
||||
}
|
||||
|
||||
.pagination-item--previous svg {
|
||||
// margin-right: .5em;
|
||||
}
|
||||
|
||||
.pagination-item-title {
|
||||
// font-size: 1.6em;
|
||||
}
|
||||
|
||||
|
||||
// Overriding injected styles (above) requires higher specificity:
|
||||
// - For <style> declaration, add parent element to selector (e.g. body)
|
||||
// - For inline declarations, add !important to selector
|
||||
// =============================================================================
|
||||
body {
|
||||
.docsify-pagination-container {
|
||||
border-top: var(--pagination-border-top);
|
||||
color: var(--pagination-color);
|
||||
}
|
||||
|
||||
.pagination-item-label {
|
||||
font-size: var(--pagination-label-font-size);
|
||||
}
|
||||
|
||||
.pagination-item-label svg {
|
||||
color: var(--pagination-label-color);
|
||||
height: var(--pagination-chevron-height);
|
||||
stroke: var(--pagination-chevron-stroke);
|
||||
stroke-linecap: var(--pagination-chevron-stroke-linecap);
|
||||
stroke-linejoin: var(--pagination-chevron-stroke-linecap);
|
||||
stroke-width: var(--pagination-chevron-stroke-width);
|
||||
}
|
||||
|
||||
.pagination-item-title {
|
||||
color: var(--pagination-title-color);
|
||||
font-size: var(--pagination-title-font-size);
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user