Skip to content

Instantly share code, notes, and snippets.

View jdlrobson's full-sized avatar

Jon Robson jdlrobson

View GitHub Profile
@jdlrobson
jdlrobson / CustomElement.html
Created August 18, 2017 17:44
CustomElement.html - autocomplete
<!DOCTYPE HTML>
<html>
<head>
<title>Custom element autocomplete</title>
</head>
<body>
<h1>CustomElement AutoComplete</h1>
<p>
Upgrades a standard select element to work like an autocomplete by using CustomElements.
It will degrade on older browsers that do not support elements to a select dropdown.
.reference a {
font-size: 8pt;
color: @pureBlack;
border-bottom: none;
}
.refbegin ul li,
.references li{
font-size: 10pt;
table.wikitable {
margin: 1em 0;
background-color: #FFF;
border: 1px solid #aaa;
border-collapse: collapse;
color: @pureBlack;
font-size: 10pt !important;
}
table.wikitable caption {
/* brand */
#siteSub {
font-size: 13px;
padding-bottom: 5px;
color: #333;
&:after {
content: " ";
display: block;
@jdlrobson
jdlrobson / toc.less
Created July 18, 2017 23:34
toc.less
.toc {
page-break-before: always;
page-break-after: always;
font-family: serif;
}
.toc ul {
list-style: none;
}
.toc > ul > li {
.toc {
page-break-before: always;
page-break-after: always;
font-family: serif;
}
.toc ul {
list-style: none;
}
.toc > ul > li {
/*
- Basic infobox styling
- Remove background colors, they are hard to print
*/
.infobox {
border: 1px solid #aaa;
border-spacing: 3px;
background-color: #fff;
weightedBoolean = function ( name, trueWeight, token ) {
return mw.experiments.getBucket( {
enabled: true,
name: name,
buckets: {
'true': trueWeight,
'false': 1 - trueWeight
}
}, token ) === 'true';