Whalers/WMarkDown
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(ecma): Modulated JavaScript to native ECMAScript importing.

Browse Source
This commit is contained in:
KyMAN 2024-12-16 17:50:12 +01:00
parent 1c43e093e9
commit a7a2247b82
8 changed files with 935 additions and 761 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
Public/css/WMarkDown.web.icons.css
View File

@ -1,5 +1,14 @@
.main-menu [data-icon=web]::before{content : "\f0ac"; font-family : "FA6FS";} .anp .main-menu [data-icon=web]::before{content : "\f0ac"; font-family : "FA6FS";}
.main-menu [data-icon=git]::before{content : "\f841"; font-family : "FA6FB";} .anp .main-menu [data-icon=git]::before{content : "\f841"; font-family : "FA6FB";}
.main-menu [data-icon=home]::before{content : "\f015"; font-family : "FA6FS";} .anp .main-menu [data-icon=home]::before{content : "\f015"; font-family : "FA6FS";}
.main-menu [data-icon=game]::before{content : "\f11b"; font-family : "FA6FS";} .anp .main-menu [data-icon=game]::before{content : "\f11b"; font-family : "FA6FS";}
.main-menu [data-icon=blog]::before{content : "\f27a"; font-family : "FA6FR";} .anp .main-menu [data-icon=blog]::before{content : "\f27a"; font-family : "FA6FR";}
.anp .gui-controls [data-icon=zoom_less]:before{content : "\f010"; font-family : "FA6FS";}
.anp .gui-controls [data-icon=zoom_reset]:before{content : "\f002"; font-family : "FA6FS";}
.anp .gui-controls [data-icon=zoom_mode]:before{content : "\e521"; font-family : "FA6FS";}
.anp .gui-controls [data-icon=zoom_more]:before{content : "\f00e"; font-family : "FA6FS";}
.anp .gui-controls [data-icon=gui_mode]:before{content : "\f013"; font-family : "FA6FS";}
.anp .gui-controls [data-icon=more_options]:before{content : "\f013"; font-family : "FA6FS";}
[data-gui-mode=default] .gui-controls [data-icon=gui_mode]:before{content : "\f009"; font-family : "FA6FS";}
[data-gui-mode=dark] .gui-controls [data-icon=gui_mode]:before{content : "\f0c8"; font-family : "FA6FS";}
[data-gui-mode=light] .gui-controls [data-icon=gui_mode]:before{content : "\f0c8"; font-family : "FA6FR";}

248
Public/ecma/WMarkDown.ecma.js
View File

@ -11,11 +11,35 @@
*/ */
/** /**
* @callback wmarkdown_preload_callback
* @param {?HTMLElement} element
* @param {!boolean} asynchronous
* @param {!integer} error
* @returns {void}
*/
/**
* @callback wmarkdown_element_event_callback
* @param {!HTMLElement} element
* @param {!Event} event
* @returns {void}
*/
/**
* @class
* @constructor * @constructor
* @param {?string|Object.<string, any|null>} [inputs] * @param {?string|Object.<string, any|null>} [inputs]
* @returns {void} * @returns {void}
* @access public * @access public
*/ */
export const WMarkDown = (function(){
/**
* @constructs WMarkDown
* @param {?string|Object.<string, any|null>} [inputs]
* @returns {void}
* @access private
*/
const WMarkDown = function(inputs){ const WMarkDown = function(inputs){
/** @type {WMarkDown} */ /** @type {WMarkDown} */
@ -45,7 +69,10 @@ const WMarkDown = function(inputs){
dictionary_item_mark = ["###@==_", "_==@###", /\#{3}\@\={2}_([0-9]+)_\={2}\@\#{3}/g], dictionary_item_mark = ["###@==_", "_==@###", /\#{3}\@\={2}_([0-9]+)_\={2}\@\#{3}/g],
/** @type {number} */ /** @type {number} */
dictionary_z = 500, dictionary_z = 500,
dictionary_boxes = []; /** @type {Array.<string>} */
dictionary_boxes = [],
/** @type {boolean|null} */
check_gui_controls = null;
/** /**
* @returns {void} * @returns {void}
@ -69,7 +96,7 @@ const WMarkDown = function(inputs){
*/ */
end = () => ++ loaded == dictionaries.length && (dictionary_loaded = true); end = () => ++ loaded == dictionaries.length && (dictionary_loaded = true);
dictionaries.forEach(url => WMarkDown.prototype.get(url, data => { dictionaries.forEach(url => WMarkDown.get(url, data => {
try{ try{
self.add_to_dictionary(JSON.parse(data)); self.add_to_dictionary(JSON.parse(data));
}catch(exception){ }catch(exception){
@ -98,12 +125,12 @@ const WMarkDown = function(inputs){
if(!dictionary_done.includes(text)){ if(!dictionary_done.includes(text)){
if(i === null) if(i === null)
dictionary[i = dictionary.length] = { dictionary[i = dictionary.length] = {
patterns : [[WMarkDown.prototype.format_pattern(pattern), text]], patterns : [[WMarkDown.format_pattern(pattern), text]],
definition : typeof definition == "string" ? definition : definition.join(""), definition : typeof definition == "string" ? definition : definition.join(""),
links : links links : links
}; };
else else
dictionary[i].patterns.push([WMarkDown.prototype.format_pattern(pattern), text]); dictionary[i].patterns.push([WMarkDown.format_pattern(pattern), text]);
}; };
}); });
@ -179,7 +206,9 @@ const WMarkDown = function(inputs){
/** @type {Array.<number, RegExpMatchArray, string>} */ /** @type {Array.<number, RegExpMatchArray, string>} */
const [k, matches, text] = items[Number(j)]; const [k, matches, text] = items[Number(j)];
return `<span class="wmd-dictionary-item" data-i="` + k + `" data-hash="` + self.get_hash() + `" onclick="wmarkdown.dictionary_over(this, event);">` + text + `</span>`; return `<span class="wmd-dictionary-item" data-role="link" data-i="` + k + `" data-hash="` + self.get_hash() + `" data-preload="` + self.preload_hash(span => {
span.addEventListener("click", self.dictionary_over);
}) + `">` + text + `</span>`;
}); });
}; };
@ -232,7 +261,7 @@ const WMarkDown = function(inputs){
button.setAttribute("data-i18n", i18n); button.setAttribute("data-i18n", i18n);
button.setAttribute("data-i18n-without", true); button.setAttribute("data-i18n-without", true);
button.setAttribute("title", text); button.setAttribute("title", text);
button.setAttribute("onclick", action); button.addEventListener("click", action);
button.innerHTML = (` button.innerHTML = (`
<span data-icon="` + i18n + `"></span> <span data-icon="` + i18n + `"></span>
<span data-i18n="` + i18n + `">` + text + `</span> <span data-i18n="` + i18n + `">` + text + `</span>
@ -257,7 +286,7 @@ const WMarkDown = function(inputs){
const data = box.querySelector(".data"); const data = box.querySelector(".data");
box.querySelector("li[data-i18n=type]>.value").innerHTML = name; box.querySelector("li[data-i18n=type]>.value").innerHTML = name;
add_button_data(data, "view_switch", "View switch", "WMarkDown.prototype.view_switch(this, event);"); add_button_data(data, "view_switch", "View switch", event => WMarkDown.view_switch(event.target, event));
buttons && buttons.forEach(([i18n, text, action]) => add_button_data(data, i18n, text, action)); buttons && buttons.forEach(([i18n, text, action]) => add_button_data(data, i18n, text, action));
@ -282,6 +311,11 @@ const WMarkDown = function(inputs){
return box; return box;
}; };
/**
* @param {HTMLElement} item
* @returns {HTMLElement|null}
* @access public
*/
this.get_anp = item => { this.get_anp = item => {
while(!item.classList.contains("anp") && (item = item.parentNode)) while(!item.classList.contains("anp") && (item = item.parentNode))
@ -293,14 +327,7 @@ const WMarkDown = function(inputs){
return item; return item;
}; };
/** const code_block_format = () => {
* @returns {void}
* @access private
*/
const thread_method = () => {
/** @type {HTMLBodyElement} */
const body = document.querySelector("body");
document.querySelectorAll(".wmd-code-block[data-processed=false]").forEach(block => { document.querySelectorAll(".wmd-code-block[data-processed=false]").forEach(block => {
@ -314,7 +341,7 @@ const WMarkDown = function(inputs){
anp_item = self.get_anp(block), anp_item = self.get_anp(block),
/** @type {Boolean} */ /** @type {Boolean} */
dark_mode = ( dark_mode = (
anp_item ? (anp_item.getAttribute("data-gui_mode") == "dark" || (anp_item.getAttribute("data-gui-mode") == "default" && anp_item.getAttribute("data-dark-mode") == "true")) : anp_item ? (anp_item.getAttribute("data-gui-mode") == "dark" || (anp_item.getAttribute("data-gui-mode") == "default" && anp_item.getAttribute("data-dark-mode") == "true")) :
window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches); window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches);
block.setAttribute("data-processed", true); block.setAttribute("data-processed", true);
@ -351,6 +378,10 @@ const WMarkDown = function(inputs){
}); });
};
const build_dictionary_items = () => {
if(dictionary_loaded){ if(dictionary_loaded){
/** @type {HTMLElement} */ /** @type {HTMLElement} */
@ -373,15 +404,15 @@ const WMarkDown = function(inputs){
}; };
document.querySelectorAll("[data-list-unprocessed=true]").forEach(list => { };
const process_lists = () => document.querySelectorAll("[data-list-unprocessed=true]").forEach(list => {
/** @type {HTMLSpanElement} */ /** @type {HTMLSpanElement} */
const deployer = list.parentNode.insertBefore(document.createElement("span"), list.parentNode.childNodes[0]); const deployer = list.parentNode.insertBefore(document.createElement("span"), list.parentNode.childNodes[0]);
[ deployer.addEventListener("click", WMarkDown.deploy);
["data-deployed", list.getAttribute("data-deployed")], deployer.setAttribute("data-deployed", list.getAttribute("data-deployed"));
["onclick", "WMarkDown.prototype.deploy(this, event);"]
].forEach(([key, value]) => deployer.setAttribute(key, value));
deployer.innerHTML = (` deployer.innerHTML = (`
<span data-icon="deploy"></span> <span data-icon="deploy"></span>
<span data-i18n="deploy">Deploy</span> <span data-i18n="deploy">Deploy</span>
@ -391,11 +422,7 @@ const WMarkDown = function(inputs){
}); });
document.querySelectorAll(".wmd-media[data-status=unprocessed]").forEach(item => item.setAttribute("data-status", "unloaded")); const autoload_media = body => document.querySelectorAll(".wmd-media[data-status=unloaded]").forEach((item, i) => {
if(body){
document.querySelectorAll(".wmd-media[data-status=unloaded]").forEach((item, i) => {
/** @type {DOMRect} */ /** @type {DOMRect} */
const bounds = item.getBoundingClientRect(); const bounds = item.getBoundingClientRect();
@ -411,18 +438,37 @@ const WMarkDown = function(inputs){
item.setAttribute("data-status", "loading"); item.setAttribute("data-status", "loading");
if(main_item.tagName.toLowerCase() == "img"){ if(main_item.tagName.toLowerCase() == "img"){
[ main_item.addEventListener("load", event => WMarkDown.image_loaded(event.target, event));
["onload", "WMarkDown.prototype.image_loaded(this, event);"], main_item.addEventListener("error", event => WMarkDown.image_loaded(event.target, event));
["onerror", "WMarkDown.prototype.image_load(this, event);"]
].forEach(([key, value]) => main_item.setAttribute(key, value));
item.setAttribute("data-status", "loading"); item.setAttribute("data-status", "loading");
self.image_load(main_item); WMarkDown.image_load(main_item);
}; };
}; };
}); });
/**
* @returns {void}
* @access private
*/
const thread_method = () => {
/** @type {HTMLBodyElement} */
const body = document.querySelector("body");
code_block_format();
build_dictionary_items();
process_lists();
document.querySelectorAll(".wmd-media[data-status=unprocessed]").forEach(item => item.setAttribute("data-status", "unloaded"));
if(body){
autoload_media(body);
document.querySelectorAll(".wmarkdown[data-menu-processed=false]").forEach(block => { document.querySelectorAll(".wmarkdown[data-menu-processed=false]").forEach(block => {
if(block.getAttribute("data-menu-processed") == "true") if(block.getAttribute("data-menu-processed") == "true")
return; return;
@ -449,15 +495,18 @@ const WMarkDown = function(inputs){
menu.setAttribute("data-visible", false); menu.setAttribute("data-visible", false);
menu = menu.childNodes[0]; menu = menu.childNodes[0];
addEventListener("click", WMarkDown.prototype.hide_menu); addEventListener("click", WMarkDown.hide_menu);
button.innerHTML += (` button.innerHTML += (`
<span data-i18n="menu" data-i18n-without="true" title="Menu" onclick="WMarkDown.prototype.show_menu(this, event);"> <span data-i18n="menu" data-i18n-without="true" title="Menu" data-preload="` + self.preload_hash(span => {
span.addEventListener("click", event => WMarkDown.show_menu(event.target, event));
}) + `">
<span data-icon="menu"></span> <span data-icon="menu"></span>
<span data-i18n="menu">Menu</span> <span data-i18n="menu">Menu</span>
</span> </span>
`); `);
button.setAttribute("class", "wmd-main-menu-button"); button.setAttribute("class", "wmd-main-menu-button");
button.setAttribute("data-role", "link");
}; };
@ -490,11 +539,12 @@ const WMarkDown = function(inputs){
menu = subblock.appendChild(document.createElement("ul")); menu = subblock.appendChild(document.createElement("ul"));
button_deployer.setAttribute("data-deployed", false); button_deployer.setAttribute("data-deployed", false);
button_deployer.setAttribute("onclick", "WMarkDown.prototype.deploy(this, event);"); button_deployer.addEventListener("click", WMarkDown.deploy);
button_deployer.innerHTML = (` button_deployer.innerHTML = (`
<span data-icon="deploy"></span> <span data-icon="deploy"></span>
<span data-i18n="deploy">Deploy</span> <span data-i18n="deploy">Deploy</span>
`); `);
button_deployer.setAttribute("data-role", "link");
}; };
@ -524,15 +574,38 @@ const WMarkDown = function(inputs){
}; };
/** /**
* @param {!HTMLElement} item * @param {!HTMLElement} box
* @returns {number}
* @access public
*/
this.get_next_z = box => {
/** @type {number} */
let z = 10;
box.childNodes.forEach(node => {
if(node && node.style){
/** @type {number} */
const item_z = Number(node.style.zIndex) || 0;
item_z >= z && (z = item_z + 1);
};
});
return z;
};
/**
* @param {!MouseEvent} event * @param {!MouseEvent} event
* @returns {void} * @returns {void}
* @access public * @access public
*/ */
this.dictionary_over = (item, event) => setTimeout(() => { this.dictionary_over = event => setTimeout(() => {
/** @type {string|null} */ /** @type {string|null} */
const hash = item.getAttribute("data-hash"); const hash = event.target.getAttribute("data-hash");
if(!hash || dictionary_boxes.includes(hash)) if(!hash || dictionary_boxes.includes(hash))
return; return;
@ -542,13 +615,14 @@ const WMarkDown = function(inputs){
/** @type {HTMLDivElement} */ /** @type {HTMLDivElement} */
box = document.querySelector("body").appendChild(document.createElement("div")), box = document.querySelector("body").appendChild(document.createElement("div")),
/** @type {DOMRect} */ /** @type {DOMRect} */
bounds = item.getBoundingClientRect(), bounds = event.target.getBoundingClientRect(),
/** @type {number} */ /** @type {number} */
x = bounds.x + (bounds.width / 2), x = bounds.x + (bounds.width / 2),
/** @type {number} */ /** @type {number} */
y = bounds.y + (bounds.height / 2), y = bounds.y + (bounds.height / 2),
/** @type {number} */ /** @type {number} */
i = Number(item.getAttribute("data-i")), i = Number(event.target.getAttribute("data-i")),
/** @type {string} */
own_keys = []; own_keys = [];
box.setAttribute("class", "wmd-dictionary-box"); box.setAttribute("class", "wmd-dictionary-box");
@ -568,7 +642,8 @@ const WMarkDown = function(inputs){
) + `" style="background-image:url('` + link.match(/^[^\:]+\:\/{2}[^\/]+/)[0] + `/favicon.ico');"></a>`).join("") + `</nav> ) + `" style="background-image:url('` + link.match(/^[^\:]+\:\/{2}[^\/]+/)[0] + `/favicon.ico');"></a>`).join("") + `</nav>
`); `);
box.style.zIndex = dictionary_z ++; // box.style.zIndex = dictionary_z ++;
box.style.zIndex = self.get_next_z(box.parentNode);
if(x > body.offsetWidth / 2) if(x > body.offsetWidth / 2)
box.style.right = (body.offsetWidth - x) + "px"; box.style.right = (body.offsetWidth - x) + "px";
else else
@ -583,7 +658,6 @@ const WMarkDown = function(inputs){
}, 100); }, 100);
/** /**
* @param {!HTMLElement} item
* @param {!MouseEvent} event * @param {!MouseEvent} event
* @returns {void} * @returns {void}
* @access public * @access public
@ -645,6 +719,25 @@ const WMarkDown = function(inputs){
}; };
/**
* @param {!wmarkdown_preload_callback} callback
* @returns {string}
* @access public
*/
this.preload_hash = callback => {
/** @type {string} */
const hash = self.get_hash();
WMarkDown.preload("[data-preload=" + hash + "]", item => {
item && item.removeAttribute("data-preload");
hashes.splice(hashes.indexOf(hash), 1);
callback(item);
});
return hash;
};
constructor(); constructor();
}; };
@ -655,7 +748,7 @@ const WMarkDown = function(inputs){
* @access public * @access public
* @static * @static
*/ */
WMarkDown.prototype.format_pattern = pattern => { WMarkDown.format_pattern = pattern => {
/** @type {RegExpMatchArray} */ /** @type {RegExpMatchArray} */
const matches = pattern.match(/^\/(.+)\/([a-z]*)$/); const matches = pattern.match(/^\/(.+)\/([a-z]*)$/);
@ -672,7 +765,7 @@ WMarkDown.prototype.format_pattern = pattern => {
* @access public * @access public
* @static * @static
*/ */
WMarkDown.prototype.get = (url, callback) => { WMarkDown.get = (url, callback) => {
/** @type {boolean} */ /** @type {boolean} */
let ended = false; let ended = false;
@ -712,13 +805,18 @@ WMarkDown.prototype.get = (url, callback) => {
}; };
/** /**
* @param {!HTMLSpanElement} item
* @param {!MouseEvent} event * @param {!MouseEvent} event
* @returns {void} * @returns {void}
* @access public * @access public
* @static * @static
*/ */
WMarkDown.prototype.deploy = (item, event) => item.setAttribute("data-deployed", item.getAttribute("data-deployed") == "false"); WMarkDown.deploy = event => {
const item = event.target.hasAttribute("data-deployed") ? event.target : event.target.parentNode;
item.setAttribute("data-deployed", item.getAttribute("data-deployed") == "false");
};
/** /**
* @param {!HTMLImageElement} item * @param {!HTMLImageElement} item
@ -727,7 +825,7 @@ WMarkDown.prototype.deploy = (item, event) => item.setAttribute("data-deployed",
* @access public * @access public
* @static * @static
*/ */
WMarkDown.prototype.image_load = (item, event) => { WMarkDown.image_load = (item, event) => {
/** @type {Array.<string>} */ /** @type {Array.<string>} */
const images = JSON.parse(atob(item.getAttribute("data-sources"))), const images = JSON.parse(atob(item.getAttribute("data-sources"))),
@ -751,7 +849,7 @@ WMarkDown.prototype.image_load = (item, event) => {
* @access public * @access public
* @static * @static
*/ */
WMarkDown.prototype.image_loaded = (item, event) => { WMarkDown.image_loaded = (item, event) => {
/** @type {HTMLSpanElement|Null} */ /** @type {HTMLSpanElement|Null} */
const span_image = item.parentNode.querySelector(".image"); const span_image = item.parentNode.querySelector(".image");
@ -763,13 +861,12 @@ WMarkDown.prototype.image_loaded = (item, event) => {
}; };
/** /**
* @param {!HTMLElement} [item]
* @param {!EventTarget} [event] * @param {!EventTarget} [event]
* @returns {void} * @returns {void}
* @access public * @access public
* @static * @static
*/ */
WMarkDown.prototype.show_menu = (item, event) => document.querySelector(".wmd-main-menu").setAttribute("data-visible", true); WMarkDown.show_menu = event => document.querySelector(".wmd-main-menu").setAttribute("data-visible", true);
/** /**
* @param {!EventTarget} event * @param {!EventTarget} event
@ -777,7 +874,7 @@ WMarkDown.prototype.show_menu = (item, event) => document.querySelector(".wmd-ma
* @access public * @access public
* @static * @static
*/ */
WMarkDown.prototype.hide_menu = event => { WMarkDown.hide_menu = event => {
if( if(
event.target.parentNode.parentNode.classList && event.target.parentNode.parentNode.classList &&
event.target.parentNode.parentNode.classList.contains("wmd-main-menu-button") event.target.parentNode.parentNode.classList.contains("wmd-main-menu-button")
@ -807,7 +904,7 @@ WMarkDown.prototype.hide_menu = event => {
* @access public * @access public
* @static * @static
*/ */
WMarkDown.prototype.view_switch = (item, event) => { WMarkDown.view_switch = (item, event) => {
/** @type {HTMLDivElement} */ /** @type {HTMLDivElement} */
const box = item.parentNode.parentNode.querySelector(".code"); const box = item.parentNode.parentNode.querySelector(".code");
@ -824,3 +921,52 @@ WMarkDown.prototype.view_switch = (item, event) => {
["lines", "content"].forEach(key => box.querySelector("." + key).setAttribute("data-visible", !visible)); ["lines", "content"].forEach(key => box.querySelector("." + key).setAttribute("data-visible", !visible));
}; };
/**
* @param {!(string|HTMLElement)} selector
* @param {!wmarkdown_preload_callback} callback
* @returns {void}
* @access public
* @static
*/
WMarkDown.preload = (selector, callback) => {
if(typeof callback == "function"){
if(!selector)
callback(null, false, 1 << 1);
else if(selector.tagName || selector.nodeName)
callback(selector, false, 0);
else if(typeof selector == "string"){
/** @type {HTMLElement|null} */
let item = null;
try{
if(item = document.querySelector(selector)){
callback(item, false, 0);
return;
};
}catch(exception){
callback(null, false, 1 << 0);
return;
};
/** @type {number} */
const date = Date.now(),
/** @type {number} */
interval = setInterval(() => {
if(item = document.querySelector(selector)){
clearInterval(interval);
callback(item, true, 0);
}else if(Date.now() - date > 2000){
clearInterval(interval);
callback(null, false, 1 << 2);
};
}, 250);
}else
callback(null, false, 1 << 3);
};
};
return WMarkDown;
})();

11
Public/scss/WMarkDown.css
View File

@ -54,7 +54,7 @@
.wmd-code-block .content { .wmd-code-block .content {
position: absolute; position: absolute;
top: 0em; top: 0em;
left: 4.3em; left: 6.3em;
right: 0em; right: 0em;
margin: 0em; margin: 0em;
font-family: monospace; font-family: monospace;
@ -170,7 +170,7 @@
.wmd-list [data-icon=deploy] + [data-i18n], .wmd-main-menu [data-icon=deploy] + [data-i18n] { .wmd-list [data-icon=deploy] + [data-i18n], .wmd-main-menu [data-icon=deploy] + [data-i18n] {
display: none; } display: none; }
.wmd-dictionary-item[onclick] { .wmd .wmd-dictionary-item[data-role], .wmd-dictionary-box .wmd-dictionary-item[data-role] {
cursor: help; } cursor: help; }
.wmd-dictionary-box { .wmd-dictionary-box {
@ -274,8 +274,13 @@
display: none; } display: none; }
.wmd-code-doc { .wmd-code-doc {
display: block;
width: 100%;
font-size: .85em; font-size: .85em;
border: none; } border: none;
min-inline-size: auto;
overflow-x: auto;
box-sizing: border-box; }
.wmd-code-doc legend { .wmd-code-doc legend {
display: none; } display: none; }
.wmd-code-doc .description { .wmd-code-doc .description {

2
Public/scss/WMarkDown.css.map
View File

File diff suppressed because one or more lines are too long

21
Public/scss/WMarkDown.scss
View File

@ -54,7 +54,7 @@ $transition-out : 1s;
.content{ .content{
position : absolute; position : absolute;
top : 0em; top : 0em;
left : 4.3em; left : 6.3em;
right : 0em; right : 0em;
margin : 0em; margin : 0em;
font-family : monospace; font-family : monospace;
@ -137,18 +137,6 @@ $transition-out : 1s;
} }
} }
// .wmd-dictionary-item{
// // text-decoration : underline dotted;
// opacity : .8;
// cursor : pointer;
// transition-duration : $transition-out;
// transition-property : opacity;
// &:hover{
// opacity : 1;
// transition-duration : $transition-in;
// }
// }
.wmd-table{ .wmd-table{
padding : 1em 0em; padding : 1em 0em;
margin-left : 5%; margin-left : 5%;
@ -198,7 +186,7 @@ $transition-out : 1s;
} }
} }
.wmd-dictionary-item[onclick]{cursor : help;} .wmd,.wmd-dictionary-box{.wmd-dictionary-item[data-role]{cursor : help;}}
.wmd-dictionary-box{ .wmd-dictionary-box{
position : absolute; position : absolute;
max-width : 15em; max-width : 15em;
@ -319,9 +307,14 @@ $transition-out : 1s;
} }
.wmd-code-doc{ .wmd-code-doc{
display : block;
width : 100%;
font-size : .85em; font-size : .85em;
border : none; border : none;
min-inline-size : auto;
// border-radius : .5em; // border-radius : .5em;
overflow-x : auto;
box-sizing : border-box;
legend{display : none;} legend{display : none;}
.description{ .description{
font-family : monospace; font-family : monospace;

67
Public/scss/WMarkDown.web.css
View File

@ -26,19 +26,19 @@ html, body {
.wmarkdown-web[data-gui-mode=light], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] { .wmarkdown-web[data-gui-mode=light], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] {
background-color: #EFEFEF; background-color: #EFEFEF;
color: #222; } color: #222; }
.wmarkdown-web[data-gui-mode=light] a[href], .wmarkdown-web[data-gui-mode=light] [onclick], .wmarkdown-web[data-gui-mode=light] [onmouseover], .wmarkdown-web[data-gui-mode=light] [onmousedown], .wmarkdown-web[data-gui-mode=light] button, .wmarkdown-web[data-gui-mode=light] [type=button], .wmarkdown-web[data-gui-mode=light] [type=reset], .wmarkdown-web[data-gui-mode=light] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onclick], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit] { .wmarkdown-web[data-gui-mode=light] a[href], .wmarkdown-web[data-gui-mode=light] [onclick], .wmarkdown-web[data-gui-mode=light] [onmouseover], .wmarkdown-web[data-gui-mode=light] [onmousedown], .wmarkdown-web[data-gui-mode=light] button, .wmarkdown-web[data-gui-mode=light] [type=button], .wmarkdown-web[data-gui-mode=light] [type=reset], .wmarkdown-web[data-gui-mode=light] [type=submit], .wmarkdown-web[data-gui-mode=light] [data-role=link], .wmarkdown-web[data-gui-mode=light] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onclick], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=link], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button] {
color: #008844; } color: #008844; }
.wmarkdown-web[data-gui-mode=light] a[href]:hover, .wmarkdown-web[data-gui-mode=light] [onclick]:hover, .wmarkdown-web[data-gui-mode=light] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=light] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=light] button:hover, .wmarkdown-web[data-gui-mode=light] [type=button]:hover, .wmarkdown-web[data-gui-mode=light] [type=reset]:hover, .wmarkdown-web[data-gui-mode=light] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] a[href]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onclick]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover { .wmarkdown-web[data-gui-mode=light] a[href]:hover, .wmarkdown-web[data-gui-mode=light] [onclick]:hover, .wmarkdown-web[data-gui-mode=light] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=light] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=light] button:hover, .wmarkdown-web[data-gui-mode=light] [type=button]:hover, .wmarkdown-web[data-gui-mode=light] [type=reset]:hover, .wmarkdown-web[data-gui-mode=light] [type=submit]:hover, .wmarkdown-web[data-gui-mode=light] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=light] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] a[href]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onclick]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button]:hover {
color: #880044; } color: #880044; }
.wmarkdown-web[data-gui-mode=light] [onmouseover], .wmarkdown-web[data-gui-mode=light] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown] { .wmarkdown-web[data-gui-mode=light] [onmouseover], .wmarkdown-web[data-gui-mode=light] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown] {
color: #115533; } color: #115533; }
.wmarkdown-web[data-gui-mode=light] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=light] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover { .wmarkdown-web[data-gui-mode=light] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=light] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover {
color: #551133; } color: #551133; }
.wmarkdown-web[data-gui-mode=light] button, .wmarkdown-web[data-gui-mode=light] [type=button], .wmarkdown-web[data-gui-mode=light] [type=reset], .wmarkdown-web[data-gui-mode=light] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit] { .wmarkdown-web[data-gui-mode=light] button, .wmarkdown-web[data-gui-mode=light] [type=button], .wmarkdown-web[data-gui-mode=light] [type=reset], .wmarkdown-web[data-gui-mode=light] [type=submit], .wmarkdown-web[data-gui-mode=light] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button] {
border-color: 0.1em solid #008844; border: 0.1em solid #008844;
box-shadow: 0em 0em 0.4em #008844; } box-shadow: 0em 0em 0.4em #008844; }
.wmarkdown-web[data-gui-mode=light] button:hover, .wmarkdown-web[data-gui-mode=light] [type=button]:hover, .wmarkdown-web[data-gui-mode=light] [type=reset]:hover, .wmarkdown-web[data-gui-mode=light] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover { .wmarkdown-web[data-gui-mode=light] button:hover, .wmarkdown-web[data-gui-mode=light] [type=button]:hover, .wmarkdown-web[data-gui-mode=light] [type=reset]:hover, .wmarkdown-web[data-gui-mode=light] [type=submit]:hover, .wmarkdown-web[data-gui-mode=light] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button]:hover {
border-color: 0.1em solid #880044; border-color: #880044;
box-shadow: 0em 0em 0.4em #880044; } box-shadow: 0em 0em 0.4em #880044; }
.wmarkdown-web[data-gui-mode=light] .wmd-dictionary-item, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-item { .wmarkdown-web[data-gui-mode=light] .wmd-dictionary-item, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-item {
color: #115533; } color: #115533; }
@ -54,19 +54,19 @@ html, body {
.wmarkdown-web[data-gui-mode=dark], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] { .wmarkdown-web[data-gui-mode=dark], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] {
background-color: #222; background-color: #222;
color: #EFEFEF; } color: #EFEFEF; }
.wmarkdown-web[data-gui-mode=dark] a[href], .wmarkdown-web[data-gui-mode=dark] [onclick], .wmarkdown-web[data-gui-mode=dark] [onmouseover], .wmarkdown-web[data-gui-mode=dark] [onmousedown], .wmarkdown-web[data-gui-mode=dark] button, .wmarkdown-web[data-gui-mode=dark] [type=button], .wmarkdown-web[data-gui-mode=dark] [type=reset], .wmarkdown-web[data-gui-mode=dark] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onclick], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit] { .wmarkdown-web[data-gui-mode=dark] a[href], .wmarkdown-web[data-gui-mode=dark] [onclick], .wmarkdown-web[data-gui-mode=dark] [onmouseover], .wmarkdown-web[data-gui-mode=dark] [onmousedown], .wmarkdown-web[data-gui-mode=dark] button, .wmarkdown-web[data-gui-mode=dark] [type=button], .wmarkdown-web[data-gui-mode=dark] [type=reset], .wmarkdown-web[data-gui-mode=dark] [type=submit], .wmarkdown-web[data-gui-mode=dark] [data-role=link], .wmarkdown-web[data-gui-mode=dark] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onclick], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=link], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button] {
color: #309d66; } color: #309d66; }
.wmarkdown-web[data-gui-mode=dark] a[href]:hover, .wmarkdown-web[data-gui-mode=dark] [onclick]:hover, .wmarkdown-web[data-gui-mode=dark] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=dark] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=dark] button:hover, .wmarkdown-web[data-gui-mode=dark] [type=button]:hover, .wmarkdown-web[data-gui-mode=dark] [type=reset]:hover, .wmarkdown-web[data-gui-mode=dark] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] a[href]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onclick]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover { .wmarkdown-web[data-gui-mode=dark] a[href]:hover, .wmarkdown-web[data-gui-mode=dark] [onclick]:hover, .wmarkdown-web[data-gui-mode=dark] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=dark] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=dark] button:hover, .wmarkdown-web[data-gui-mode=dark] [type=button]:hover, .wmarkdown-web[data-gui-mode=dark] [type=reset]:hover, .wmarkdown-web[data-gui-mode=dark] [type=submit]:hover, .wmarkdown-web[data-gui-mode=dark] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=dark] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] a[href]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onclick]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button]:hover {
color: #9d3066; } color: #9d3066; }
.wmarkdown-web[data-gui-mode=dark] [onmouseover], .wmarkdown-web[data-gui-mode=dark] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown] { .wmarkdown-web[data-gui-mode=dark] [onmouseover], .wmarkdown-web[data-gui-mode=dark] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown] {
color: #90c6ab; } color: #90c6ab; }
.wmarkdown-web[data-gui-mode=dark] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=dark] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover { .wmarkdown-web[data-gui-mode=dark] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=dark] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover {
color: #c690ab; } color: #c690ab; }
.wmarkdown-web[data-gui-mode=dark] button, .wmarkdown-web[data-gui-mode=dark] [type=button], .wmarkdown-web[data-gui-mode=dark] [type=reset], .wmarkdown-web[data-gui-mode=dark] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit] { .wmarkdown-web[data-gui-mode=dark] button, .wmarkdown-web[data-gui-mode=dark] [type=button], .wmarkdown-web[data-gui-mode=dark] [type=reset], .wmarkdown-web[data-gui-mode=dark] [type=submit], .wmarkdown-web[data-gui-mode=dark] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button] {
border-color: 0.1em solid #309d66; border: 0.1em solid #309d66;
box-shadow: 0em 0em 0.4em #309d66; } box-shadow: 0em 0em 0.4em #309d66; }
.wmarkdown-web[data-gui-mode=dark] button:hover, .wmarkdown-web[data-gui-mode=dark] [type=button]:hover, .wmarkdown-web[data-gui-mode=dark] [type=reset]:hover, .wmarkdown-web[data-gui-mode=dark] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover { .wmarkdown-web[data-gui-mode=dark] button:hover, .wmarkdown-web[data-gui-mode=dark] [type=button]:hover, .wmarkdown-web[data-gui-mode=dark] [type=reset]:hover, .wmarkdown-web[data-gui-mode=dark] [type=submit]:hover, .wmarkdown-web[data-gui-mode=dark] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button]:hover {
border-color: 0.1em solid #9d3066; border-color: #9d3066;
box-shadow: 0em 0em 0.4em #9d3066; } box-shadow: 0em 0em 0.4em #9d3066; }
.wmarkdown-web[data-gui-mode=dark] .wmd-dictionary-item, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-item { .wmarkdown-web[data-gui-mode=dark] .wmd-dictionary-item, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-item {
color: #90c6ab; } color: #90c6ab; }
@ -79,17 +79,17 @@ html, body {
box-shadow: 0.1em 0.1em 0.2em #EFEFEF; } box-shadow: 0.1em 0.1em 0.2em #EFEFEF; }
.wmarkdown-web[data-gui-mode=dark] .wmd-dictionary-box a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-box a[href] { .wmarkdown-web[data-gui-mode=dark] .wmd-dictionary-box a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-box a[href] {
background-color: rgba(255, 255, 255, 0.1); } background-color: rgba(255, 255, 255, 0.1); }
.wmarkdown-web a[href] { .wmarkdown-web a[href], .wmarkdown-web [data-role=link] {
text-decoration: none; text-decoration: none;
word-break: break-word; } word-break: break-word; }
.wmarkdown-web a[href], .wmarkdown-web [onclick], .wmarkdown-web [onmouseover], .wmarkdown-web [onmousedown], .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit] { .wmarkdown-web a[href], .wmarkdown-web [onclick], .wmarkdown-web [onmouseover], .wmarkdown-web [onmousedown], .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit], .wmarkdown-web [data-role=link], .wmarkdown-web [data-role=button] {
cursor: pointer; cursor: pointer;
transition-duration: 1s; } transition-duration: 1s; }
.wmarkdown-web a[href]:hover, .wmarkdown-web [onclick]:hover, .wmarkdown-web [onmouseover]:hover, .wmarkdown-web [onmousedown]:hover, .wmarkdown-web button:hover, .wmarkdown-web [type=button]:hover, .wmarkdown-web [type=reset]:hover, .wmarkdown-web [type=submit]:hover { .wmarkdown-web a[href]:hover, .wmarkdown-web [onclick]:hover, .wmarkdown-web [onmouseover]:hover, .wmarkdown-web [onmousedown]:hover, .wmarkdown-web button:hover, .wmarkdown-web [type=button]:hover, .wmarkdown-web [type=reset]:hover, .wmarkdown-web [type=submit]:hover, .wmarkdown-web [data-role=link]:hover, .wmarkdown-web [data-role=button]:hover {
transition-duration: 0.2s; } transition-duration: 0.2s; }
.wmarkdown-web a[href], .wmarkdown-web [onclick], .wmarkdown-web [onmouseover], .wmarkdown-web [onmousedown], .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit] { .wmarkdown-web a[href], .wmarkdown-web [onclick], .wmarkdown-web [onmouseover], .wmarkdown-web [onmousedown], .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit], .wmarkdown-web [data-role=link], .wmarkdown-web [data-role=button] {
transition-property: color; } transition-property: color; }
.wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit] { .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit], .wmarkdown-web [data-role=button] {
transition-property: color,border-color,box-shadow; } transition-property: color,border-color,box-shadow; }
.wmarkdown-web h2 { .wmarkdown-web h2 {
font-size: 2.6em; } font-size: 2.6em; }
@ -144,6 +144,9 @@ html, body {
overflow: auto; overflow: auto;
box-sizing: border-box; } box-sizing: border-box; }
.wmarkdown-web footer { .wmarkdown-web footer {
display: flex;
flex-direction: row;
justify-items: center;
bottom: 0em; bottom: 0em;
height: 2.5em; height: 2.5em;
z-index: 30; } z-index: 30; }
@ -161,14 +164,11 @@ html, body {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
position: absolute; flex: auto;
left: 0em;
bottom: 0em;
width: 100%;
text-align: center; text-align: center;
padding: .1em .2em; padding: .1em .2em;
font-weight: 900; font-weight: 900;
font-size: .85em; font-size: .65em;
box-sizing: border-box; } box-sizing: border-box; }
.wmarkdown-web .license { .wmarkdown-web .license {
display: flex; display: flex;
@ -184,8 +184,29 @@ html, body {
vertical-align: middle; } vertical-align: middle; }
.wmarkdown-web .license img { .wmarkdown-web .license img {
width: auto; width: auto;
height: 2.5em; height: 3em;
margin: .2em .2em; } margin: .2em .2em; }
.wmarkdown-web .gui-controls {
display: flex;
flex-direction: row;
justify-items: center;
align-items: stretch;
flex-grow: 0;
order: -1;
border: none;
font-size: .85em; }
.wmarkdown-web .gui-controls button[data-i18n=zoom_less], .wmarkdown-web .gui-controls button[data-i18n=zoom_reset], .wmarkdown-web .gui-controls button[data-i18n=zoom_more], .wmarkdown-web .gui-controls span[data-i18n], .wmarkdown-web .gui-controls legend {
display: none; }
.wmarkdown-web .gui-controls [data-icon]::before {
margin: 0em; }
.wmarkdown-web .gui-controls [type=number] {
display: none;
width: 3em;
font-family: "Roboto Mono"; }
.wmarkdown-web .gui-controls button[data-i18n=zoom_mode] {
border-radius: 0.3em 0em 0em 0.3em; }
.wmarkdown-web .gui-controls > :last-child {
border-radius: 0em 0.3em 0.3em 0em; }
.wmarkdown-web main { .wmarkdown-web main {
overflow: auto; } overflow: auto; }
.wmarkdown-web footer > .licenses { .wmarkdown-web footer > .licenses {

2
Public/scss/WMarkDown.web.css.map
View File

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "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", "mappings": "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",
"sources": ["WMarkDown.web.scss","../../../AnP/Public/scss/AnP.common.scss","../../../AnP/Public/scss/AnP.settings.scss"], "sources": ["WMarkDown.web.scss","../../../AnP/Public/scss/AnP.common.scss","../../../AnP/Public/scss/AnP.settings.scss"],
"names": [], "names": [],
"file": "WMarkDown.web.css" "file": "WMarkDown.web.css"

2
version
View File

@ -1 +1 @@
0.0.2.1 0.0.3.3