diff --git a/.eslintrc.json b/.eslintrc.json
index 90b969b4..726dea51 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,7 +1,7 @@
{
"root": true,
"extends": [
- "wikimedia/client"
+ "wikimedia/server"
],
"rules": {
"camelcase": [ "error", { "properties": "never" } ]
diff --git a/.nvmrc b/.nvmrc
index e68b8603..f6610cad 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-12.21.0
+18.18.1
diff --git a/Gruntfile.js b/Gruntfile.js
index fde0b9d4..1c981750 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -4,12 +4,14 @@
* Grunt file
*/
+'use strict';
+
module.exports = function ( grunt ) {
/*
* PostCSS processors
*/
// Without minifier
- var postCssProcessorsDev = [
+ const postCssProcessorsDev = [
require( 'postcss-import' )( {
from: 'css/wmui-style-guide.dev.css'
} ),
diff --git a/css/build/wmui-style-guide.min.css b/css/build/wmui-style-guide.min.css
index ee75e5a9..c66183ac 100644
--- a/css/build/wmui-style-guide.min.css
+++ b/css/build/wmui-style-guide.min.css
@@ -1,2 +1,2 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{text-rendering:optimizeLegibility;font-family:Charter;font-style:normal;font-weight:400;src:url(../../fonts/Charter_regular.woff2) format("woff2"),url(../../fonts/Charter_regular.woff) format("woff")}@font-face{text-rendering:optimizeLegibility;font-family:Charter;font-style:normal;font-weight:700;src:url(../../fonts/Charter_bold.woff2) format("woff2"),url(../../fonts/Charter_bold.woff) format("woff")}*{-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}body{background-color:#eaecf0;color:#202122;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:1.6;margin:0}article,aside,figcaption,figure,footer,header,nav,section{display:block}h1,h2,h3,h4,h5,h6{color:#000;line-height:1.25;margin:3.2rem 0 0;-webkit-transition:font-size .25s,font-weight .25s;transition:font-size .25s,font-weight .25s}h2,h3,h4,h5{font-weight:600}.page__title,h1{font-family:Georgia,serif;font-size:3.2rem;font-weight:400}h2{border-bottom:3px solid #eaecf0;font-size:2.4rem;padding-bottom:2px}h2+h3{margin-top:1.6rem}h3{font-size:2rem}h4{font-size:1.8rem}h5,h6{font-size:1.6rem}h6{font-weight:400}blockquote{border-left:4px solid #eaecf0;font-family:Georgia,serif;font-size:2rem;font-style:italic;margin:1.6rem 0 0;padding:.8rem 3.2rem}blockquote cite{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:1.4rem;font-style:normal;margin-top:.8rem}blockquote cite:before{content:"— "}.mw-code,code,pre{font-family:Menlo,Consolas,Liberation Mono,Courier New,monospace}hr{background:#eaecf0;border:0;display:block;height:.8rem;margin:8rem 0}p{margin:3.2rem 0 0}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,p+p,p:first-child,ul+p{margin:.8rem 0 0}blockquote+p{margin-top:1.6rem}.mw-code,pre{background-color:#f8f9fa;border:1px solid #a2a9b1;color:#000;font-size:1.4rem;padding:1.2rem 2rem;white-space:pre-wrap}ol,ul{margin:.8rem 0;padding:0 0 0 1.8rem}.content li{margin-top:.4rem}.content li:first-child{margin-top:0}figure{margin:.8rem 0 0}img{display:block;margin:1.6rem 0 0;max-width:100%}.page--components figure{margin-left:6.4rem;padding-top:.8rem}.page--components figure img{margin-top:.8rem}.is-comparison img{float:left;margin-left:1.2rem}.is-comparison img:first-child{margin-left:0}a{color:#36c;text-decoration:none}a:hover{text-decoration:underline}a:active{color:#2a4b8d}b,strong{font-weight:600}code{background-color:#f8f9fa;display:inline-block;font-size:1.4rem;padding:.2rem .4rem}small{font-size:1.3rem}sub,sup{font-size:1.1rem}.is-aural{clip:rect(1px,1px,1px,1px);border:0;display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.is-aural.is-focusable:active,.is-aural.is-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;text-decoration:underline;width:auto}.clearfix:after,.clearfix:before,.color-palette:after,.color-palette:before,.content-box:after,.content-box:before,.content__illustration-style .figure--full:after,.content__illustration-style .figure--full:before,.figures-box:after,.figures-box:before,.figures-do-dont:after,.figures-do-dont:before,.is-comparison:after,.is-comparison:before,.page:after,.page:before{content:" ";display:table}.clearfix:after,.color-palette:after,.content-box:after,.content__illustration-style .figure--full:after,.figures-box:after,.figures-do-dont:after,.is-comparison:after,.page:after{clear:both}:focus{outline-color:#36c}.is-complementary,.is-subtle{color:#72777d}.is-complementary{font-size:1.4rem}::-webkit-input-placeholder{color:#72777d;opacity:1}::-moz-placeholder{color:#72777d;opacity:1}:-ms-input-placeholder{color:#72777d;opacity:1}::-ms-input-placeholder{color:#72777d;opacity:1}.is-placeholder,::placeholder{color:#72777d;opacity:1}.content-box{margin-left:auto;margin-right:auto;padding-left:1.6rem;padding-right:1.6rem;position:relative}.header{left:0;line-height:6.4rem;min-height:6.4rem;position:fixed;right:0;top:0}.site__title{color:#202122;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:400;height:6.4rem;letter-spacing:.5px;margin-top:0}.site__title a{color:inherit;display:inline-block;padding:1.2rem 3.2rem 0;-webkit-transition:color .25s;transition:color .25s}.site__title a:hover{color:#000;text-decoration:none}.site__org{display:block}.site__project{font-weight:600}.btn--nav-main{cursor:pointer;height:4.2rem;position:absolute;top:1.2rem;width:4.2rem}.btn--nav-main i{display:block;height:4.2rem;-webkit-transition:color .25s,box-shadow .25s;transition:color .25s,box-shadow .25s}.btn--nav-main i:after,.btn--nav-main i:before{background-color:#54595d;content:"";height:2px;left:0;position:absolute;top:.4rem;width:2rem}.btn--nav-main i:after{box-shadow:0 .7rem 0 #54595d;top:1.1rem}.btn--nav-main i:hover:after,.btn--nav-main i:hover:before{background-color:#000}.btn--nav-main i:hover:after{box-shadow:0 .7rem 0 #000}.btn--nav-main span{clip:rect(1px,1px,1px,1px);display:block;height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.lnk--contribute{font-size:1.4rem;line-height:1.4rem}.page{background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);margin-top:6.4rem;overflow-y:hidden;padding:6.4rem 0;position:relative}.col,.content{float:left}.col{min-height:1px;position:relative}.col--end,.col--start{padding:0}.nav--main{background-color:#fff}.nav--main li:not(.is-on) ul,.trigger--nav-main{display:none}.nav--main ol,.nav--main ul{padding:0}.nav--main ol:first-child{margin:0}.nav--main li{list-style:none none;padding:0}.nav--main>ol>li{margin-bottom:.4rem}.nav--main a{color:#202122;display:block;font-size:1.6rem;padding:.8rem 1.2rem;text-decoration:none;-webkit-transition:background-color .25s,color .25s,padding .25s;transition:background-color .25s,color .25s,padding .25s}.nav--main a:focus,.nav--main a:hover{background-color:#f8f9fa;color:#000}.nav--main .is-on>a{background-color:#eaf3ff;border-radius:2px;color:#36c;cursor:default;font-weight:600}.nav__sub-items{margin-bottom:1em;margin-top:1.2rem}.nav__sub-items>.nav__sub-item{margin-left:3.6rem}.nav--main .nav__sub-items ul{margin:0}.nav--main .nav__sub-items a{border-left:1px solid #eaecf0;border-radius:0 2px 2px 0;color:#54595d;font-size:1.4rem;padding-left:1.6rem;-webkit-transition:background-color .25s,color .25s;transition:background-color .25s,color .25s}.nav--main .nav__sub-item.is-on>a{background-color:#fff;border-left-color:#000;color:#000;font-weight:600}.nav--main .nav__sub-item .nav__sub-item a{padding-left:3.6rem}.page__parent-title{color:#72777d;margin-top:-2.8rem}.page__title{margin-top:-.8rem}.page__parent-title+.page__title{margin-top:-.4rem}.page__tagline{font-size:2rem;font-style:italic;font-weight:100;margin-top:1.2rem}.figures--full{background-color:#f8f9fa}.figure--centered .figure__image{margin-left:auto;margin-right:auto}.figure__caption,.heading__description{clear:both;color:#72777d;display:block;font-size:1.3rem}.figure__caption{font-style:italic;padding-top:.8rem}.figure__caption:empty{display:none}.heading__description{float:right;margin-top:-1.9rem}.heading__description+*{clear:both}.figure--comparison{float:left}.figures-do-dont{margin-top:1.6rem}.figures-do-dont .figure{background-color:#eaecf0;border-top-left-radius:2px;border-top-right-radius:2px}.figures-do-dont .figure--dont{border-left:1px solid #fff}.figures-do-dont .figure__caption{background-color:#fff;border-top-style:solid;border-top-width:.8rem;display:block;padding-right:.8em}.do,.figure--do .figure__caption{border-top-color:#00af89}.dont,.figure--dont .figure__caption{border-top-color:#d33}.do,.dont{font-style:normal;font-weight:600}.do:before,.dont:before{display:inline-block;font-size:2.1rem;line-height:1rem;margin-right:.4rem;padding-top:.4rem;vertical-align:top}.do{color:#14866d}.do:before{content:"✓"}.dont{color:#d33}.dont:before{content:"×"}.note--a11y:before,.note--i18n:before{background-image:url(../../resources/WikimediaUI-icons-SVGs/eye.svg);background-repeat:no-repeat;content:"";display:inline-block;height:2rem;opacity:.67;vertical-align:text-top;width:2.4rem}.color-palette{margin:2.4rem 0 0;padding:0}.color-palette+.color-palette{margin-top:0}.color-palette+p{margin-top:1.6rem}.color{border:1px solid #fff;border-radius:2px;color:#000;display:block;float:left;font-size:1.4rem;height:16rem;list-style:none none;margin-bottom:3.2rem;padding:1.2rem;position:relative;width:61.8%}.color--dark,.color__wcag-level span{color:#fff}.color--dark .color__wcag-level span{color:#000}.color-palette .color:first-child{margin-top:.4rem}.color-palette--overview .color{border-radius:3.2rem;cursor:default;height:6.2rem;margin-bottom:2.4rem;margin-right:1.2rem;margin-top:.8rem;width:6.4rem}.color-palette--overview .color:first-child{margin-top:.8rem}.color-palette--overview .color--emphasized{border-radius:7.2rem;height:7rem;margin-top:0;padding-top:2rem;width:7.2rem}.color-palette--base .color{margin-right:1.35rem}.color-section .color .color-code--hsb{-webkit-transition:opacity .25s;transition:opacity .25s}.color-section .color:hover .color-code--hsb{opacity:1}.color__name{bottom:1.2rem;display:block;font-size:3.2rem;font-weight:100;left:1.2rem;position:absolute}.color-palette--overview .color__name{bottom:auto;font-size:2.4rem;left:auto;line-height:1;padding-top:1.2rem;position:relative}.color-code.color-code--rgb,.color-palette--overview .color-code,.color-palette--overview .color__name,.color__type{display:none}.color-code{background-color:inherit;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;padding:0}.color-code--hsb{opacity:0}@supports (--css:variables){.color-hint{white-space:nowrap}.color-hint:before{background-color:var( --color-hint );border-radius:50%;content:"";cursor:help;display:inline-block;height:1.2rem;margin:0 .4rem .3rem .2rem;vertical-align:text-bottom;width:1.2rem}.color-hint--base100:before{border:1px solid #a2a9b1}}.icon{display:inline-block;height:2rem;margin:0 .2rem;vertical-align:text-bottom;width:2rem}.icon--indicator{height:1.2rem;margin-bottom:.2rem;width:1.2rem}.icon--intermediate{height:1.6rem;margin-bottom:.2rem;width:1.6rem}.components__designing{position:relative}.components__designing:after{background:url(../../img/components/legend_16-8.svg) no-repeat;bottom:0;content:"";height:6.4rem;position:absolute;right:6.4rem;width:13.2rem}.page--components-messages .components__intro{margin-left:auto;margin-right:auto;max-width:700px}.page--components-messages img{border-radius:0}.resources-table{border-collapse:collapse;display:table;margin-top:2.4rem;width:100%}.resources-table__body,.resources-table__head{border-bottom:1px solid #a2a9b1;display:table-row}.resources-table__head{background-color:#eaecf0}.resources-table__head h2{border-bottom:0;font-size:2.1rem;font-weight:400;margin-top:0;padding-bottom:0}.resources-table__cell{display:table-cell;padding:1.6rem 1.6rem 1.6rem 0}.resources-table__head .resources-table__cell:first-child{padding-left:1.6rem}.lnk-resource{white-space:nowrap}.footer{color:#202122;font-size:1.3rem;padding:2.4rem 0}.footer__list{padding:0}.footer__list:first-child{margin:0}.footer__list:after{clear:both;content:" ";display:block}.footer__list li{display:block;list-style:none none;padding:.8rem 0 0}.footer__list li:first-child{padding-top:0}.footer__list+p{margin-top:1.2rem}.footer__list--connect a{font-weight:600}.lnk--wikimedia-project{display:inline-block;padding:.4rem 0;text-transform:uppercase}.page--home .page__title{border:0;padding:0}.page--design-principles-accessibility .nav--main .is-on>a{cursor:pointer}.page--design-principles-accessibility h3{padding-right:15%}.page--visual-style-typography .figures-do-dont .figure__contents{padding:4.2rem 3.6rem}.figures-do-dont--contrast .figure--dont{color:#a2a9b1}.typography-styles dt{color:#72777d;display:inline-block;font-size:1.3rem;font-weight:600;margin:0 0 3.2rem 1.6rem;min-width:10rem;vertical-align:top}.typography-styles .typography-styles__blockquote{margin-bottom:4.8rem}.typography-styles .typography-styles__code{margin-bottom:0}.typography-styles dd{display:inline}.typography-styles dd>*{display:inline-block;margin-top:0}.typography-styles .figure__caption{padding-top:0}.typography-styles dd:after{content:"\A";white-space:pre}.typography-styles+hr{margin-bottom:4rem;margin-top:4rem}.page--visual-style-icons img{background-color:#eaecf0;padding:2.4rem}.fonts-loaded .color-code,.fonts-loaded .site__title,.fonts-loaded cite{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif}.fonts-loaded .page__title,.fonts-loaded .typography-styles h1,.fonts-loaded blockquote{font-family:Charter,Georgia,serif}@media (max-width:767px){.nav--main{box-shadow:0 2px 2px 0 rgba(0,0,0,.25);left:-1.6rem;padding-bottom:1.6rem;position:absolute;right:-1.6rem;top:-3.2rem;-webkit-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:left .25s,right .25s,-webkit-transform .25s;transition:left .25s,right .25s,-webkit-transform .25s;transition:left .25s,right .25s,transform .25s;transition:left .25s,right .25s,transform .25s,-webkit-transform .25s;z-index:1}.trigger--nav-main:checked+.nav--main{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.page__title{font-size:2.8rem;margin-top:-.4rem}.typography-styles dt{display:block;margin-left:0}.figure--comparison{width:100%}.page--components .components__states{margin-left:0}.resources-table,.resources-table__body,.resources-table__cell,.resources-table__head{display:block}.resources-table__head{margin-left:-1.6rem;margin-right:-1.6rem}.resources-table__head .resources-table__cell:empty{display:none}.resources-table__body{padding-left:0}.resources-table__cell{padding-bottom:.8rem;padding-top:.8rem}}@media (min-width:240px){.content-box,.nav--main a,.site__title a{-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:background-color,padding;transition-property:background-color,padding}.site__title{margin-left:4.2rem}.site__title a{padding-left:0}.lnk--contribute span{display:none}.nav--main a{padding-left:1.6rem;padding-right:1.6rem}.col--end,.col--start{width:100%}.figure--full,.resources-table__head{margin-left:-1.6rem;margin-right:-1.6rem}.figure--full .figure__caption{margin-left:1.6rem;margin-right:1.6rem}.figure--this-is-for-everyone img,.figure--trustworthy-yet-joyful img{margin-left:auto;margin-right:auto;max-width:568px;width:100%}.figure--illustrations-header img{width:100%}.figure--illustrations-header+.figure--illustrations-header,.figure--illustrations-header+.figure--illustrations-header img{margin-top:0}.color{width:61.8%}.color-palette--base .color:nth-child(3n+4){clear:both}.color-palette--base .color{margin-right:1.6rem}.color-palette--overview.color-palette--base .color--emphasized{margin-left:-.2rem;margin-right:1.1rem}.page--components figure{margin-left:4.2rem}}@media (min-width:414px){.content-box{padding-left:3.2rem;padding-right:3.2rem}.nav--main{left:-3.2rem;right:-3.2rem}.nav--main a{padding-left:3.2rem;padding-right:3.2rem}.figure--full,.resources-table__head{margin-left:-3.2rem;margin-right:-3.2rem}.figure--full .figure__caption{margin-left:3.2rem;margin-right:3.2rem}.resources-table__head .resources-table__cell:first-child{padding-left:3.2rem;padding-right:3.2rem}.footer__list li{display:list-item;float:left;padding:0 .8rem 0 0}.footer__list li:after{color:#72777d;content:"\2022";font-weight:100;padding:0 0 0 .8rem}.footer__list li:last-child:after{content:"";padding:0}.color{margin-right:2.4rem;width:16rem}}@media (min-width:568px){.lnk--contribute{bottom:1.5rem;display:block;position:absolute;right:3.2rem;text-align:right}.lnk--contribute span{display:inline;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s}.figures-do-dont .figure{max-width:61.8%}.figure--this-is-for-everyone img,.figure--trustworthy-yet-joyful img{max-width:none}.figure--illustrations-header{float:left;width:44.4%}.figure--illustrations-header+.figure--illustrations-header{margin-top:.8rem;width:55.55%}.figure--illustrations-header+.figure--illustrations-header img{margin-top:1.6rem}}@media (min-width:768px){img{border-radius:2px}.content-box{max-width:960px;width:100%}.btn--nav-main{display:none}.site__title{float:left;margin-left:0}.nav--main a,.site__title a{padding-left:1.6rem;padding-right:1.6rem}.lnk--contribute span{display:inline;opacity:1}.col--start{-webkit-transition:width .25s;transition:width .25s;width:20.8rem;z-index:1}.col--end{margin-left:-20.8rem;padding-left:24rem}.nav--main{left:auto;right:auto}.figure--full,.figure--full .figure__caption{margin-left:0;margin-right:0}.figure--comparison{margin-right:4%}.figure--comparison:last-child{margin-right:0}.figure--comparison:first-child:nth-last-child(2),.figure--comparison:first-child:nth-last-child(2)~.figure--comparison{width:48%}.figure--comparison:first-child:nth-last-child(3),.figure--comparison:first-child:nth-last-child(3)~.figure--comparison{width:30%}.figures-do-dont .figure{float:left;width:50%}.color-palette--base .color:nth-child(3n+4){clear:unset}.illustrations-case-study img{float:left;width:33.33%}.page--components figure{margin-left:6.4rem}}@media (min-width:992px){.content-box{max-width:1140px;width:100%}.nav--main a,.site__title a{padding-left:3.2rem;padding-right:3.2rem}.col--start{width:24rem}.col--end{margin-left:-24rem;padding-left:27.2rem}.color-palette--overview:first-child{margin-top:2.4rem}.color{margin-right:2.4rem}.color-palette--base .color{margin-right:1.35rem}.color-palette--overview.color-palette--base .color--emphasized{margin-left:0;margin-right:1.35rem}.color-palette--overview.color-palette--green:after,.color-palette--overview.color-palette--green:before,.color-palette--overview.color-palette--red:after,.color-palette--overview.color-palette--red:before{content:"";display:none}.color-palette--overview.color-palette--green:after,.color-palette--overview.color-palette--red:after,.color-section .color:nth-child(3n+4){clear:both}.resources-table__body .resources-table__cell{-webkit-transition:background-color .25s;transition:background-color .25s}.resources-table__body:hover .resources-table__cell{background-color:#f8f9fa}.resources-table__body .resources-table__cell:first-child,.resources-table__head .resources-table__cell:first-child{padding-left:1.6rem}}@media (min-width:1200px){.content-box{width:1140px}.col--start{width:25.6rem}.col--end{margin-left:-25.6rem;padding-left:28.8rem}}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Charter;font-style:normal;font-weight:400;src:url(../../fonts/Charter_regular.woff2) format("woff2"),url(../../fonts/Charter_regular.woff) format("woff");text-rendering:optimizeLegibility}@font-face{font-family:Charter;font-style:normal;font-weight:700;src:url(../../fonts/Charter_bold.woff2) format("woff2"),url(../../fonts/Charter_bold.woff) format("woff");text-rendering:optimizeLegibility}*{-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}body{background-color:#eaecf0;color:#202122;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:1.6;margin:0}article,aside,figcaption,figure,footer,header,nav,section{display:block}h1,h2,h3,h4,h5,h6{color:#000;line-height:1.25;margin:3.2rem 0 0;-webkit-transition:font-size .25s,font-weight .25s;transition:font-size .25s,font-weight .25s}h2,h3,h4,h5{font-weight:600}.page__title,h1{font-family:Georgia,serif;font-size:3.2rem;font-weight:400}h2{border-bottom:3px solid #eaecf0;font-size:2.4rem;padding-bottom:2px}h2+h3{margin-top:1.6rem}h3{font-size:2rem}h4{font-size:1.8rem}h5,h6{font-size:1.6rem}h6{font-weight:400}blockquote{border-left:4px solid #eaecf0;font-family:Georgia,serif;font-size:2rem;font-style:italic;margin:1.6rem 0 0;padding:.8rem 3.2rem}blockquote cite{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:1.4rem;font-style:normal;margin-top:.8rem}blockquote cite:before{content:"— "}.mw-code,code,pre{font-family:Menlo,Consolas,Liberation Mono,Courier New,monospace}hr{background:#eaecf0;border:0;display:block;height:.8rem;margin:8rem 0}p{margin:3.2rem 0 0}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,p+p,p:first-child,ul+p{margin:.8rem 0 0}blockquote+p{margin-top:1.6rem}.mw-code,pre{background-color:#f8f9fa;border:1px solid #a2a9b1;color:#000;font-size:1.4rem;padding:1.2rem 2rem;white-space:pre-wrap}ol,ul{margin:.8rem 0;padding:0 0 0 1.8rem}.content li{margin-top:.4rem}.content li:first-child{margin-top:0}figure{margin:.8rem 0 0}img{display:block;margin:1.6rem 0 0;max-width:100%}.page--components figure{margin-left:6.4rem;padding-top:.8rem}.page--components figure img{margin-top:.8rem}.is-comparison img{float:left;margin-left:1.2rem}.is-comparison img:first-child{margin-left:0}a{color:#36c;text-decoration:none}a:hover{text-decoration:underline}a:active{color:#2a4b8d}b,strong{font-weight:600}code{background-color:#f8f9fa;display:inline-block;font-size:1.4rem;padding:.2rem .4rem}small{font-size:1.3rem}sub,sup{font-size:1.1rem}.is-aural{clip:rect(1px,1px,1px,1px);border:0;display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.is-aural.is-focusable:active,.is-aural.is-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;text-decoration:underline;width:auto}.clearfix:after,.clearfix:before,.color-palette:after,.color-palette:before,.content-box:after,.content-box:before,.content__illustration-style .figure--full:after,.content__illustration-style .figure--full:before,.figures-box:after,.figures-box:before,.figures-do-dont:after,.figures-do-dont:before,.is-comparison:after,.is-comparison:before,.page:after,.page:before{content:" ";display:table}.clearfix:after,.color-palette:after,.content-box:after,.content__illustration-style .figure--full:after,.figures-box:after,.figures-do-dont:after,.is-comparison:after,.page:after{clear:both}:focus{outline-color:#36c}.is-complementary,.is-subtle{color:#72777d}.is-complementary{font-size:1.4rem}::-webkit-input-placeholder{color:#72777d;opacity:1}::-moz-placeholder{color:#72777d;opacity:1}:-ms-input-placeholder{color:#72777d;opacity:1}::-ms-input-placeholder{color:#72777d;opacity:1}.is-placeholder,::placeholder{color:#72777d;opacity:1}.content-box{margin-left:auto;margin-right:auto;padding-left:1.6rem;padding-right:1.6rem;position:relative}.header{left:0;line-height:6.4rem;min-height:6.4rem;position:fixed;right:0;top:0}.site__title{color:#202122;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:400;height:6.4rem;letter-spacing:.5px;margin-top:0}.site__title a{color:inherit;display:inline-block;padding:1.2rem 3.2rem 0;-webkit-transition:color .25s;transition:color .25s}.site__title a:hover{color:#000;text-decoration:none}.site__org{display:block}.site__project{font-weight:600}.btn--nav-main{cursor:pointer;height:4.2rem;position:absolute;top:1.2rem;width:4.2rem}.btn--nav-main i{display:block;height:4.2rem;-webkit-transition:color .25s,box-shadow .25s;transition:color .25s,box-shadow .25s}.btn--nav-main i:after,.btn--nav-main i:before{background-color:#54595d;content:"";height:2px;left:0;position:absolute;top:.4rem;width:2rem}.btn--nav-main i:after{box-shadow:0 .7rem 0 #54595d;top:1.1rem}.btn--nav-main i:hover:after,.btn--nav-main i:hover:before{background-color:#000}.btn--nav-main i:hover:after{box-shadow:0 .7rem 0 #000}.btn--nav-main span{clip:rect(1px,1px,1px,1px);display:block;height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.lnk--contribute{font-size:1.4rem;line-height:1.4rem}.page{background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.25);margin-top:6.4rem;overflow-y:hidden;padding:6.4rem 0;position:relative}.col,.content{float:left}.col{min-height:1px;position:relative}.col--end,.col--start{padding:0}.nav--main{background-color:#fff}.nav--main li:not(.is-on) ul,.trigger--nav-main{display:none}.nav--main ol,.nav--main ul{padding:0}.nav--main ol:first-child{margin:0}.nav--main li{list-style:none none;padding:0}.nav--main>ol>li{margin-bottom:.4rem}.nav--main a{color:#202122;display:block;font-size:1.6rem;padding:.8rem 1.2rem;text-decoration:none;-webkit-transition:background-color .25s,color .25s,padding .25s;transition:background-color .25s,color .25s,padding .25s}.nav--main a:focus,.nav--main a:hover{background-color:#f8f9fa;color:#000}.nav--main .is-on>a{background-color:#eaf3ff;border-radius:2px;color:#36c;cursor:default;font-weight:600}.nav__sub-items{margin-bottom:1em;margin-top:1.2rem}.nav__sub-items>.nav__sub-item{margin-left:3.6rem}.nav--main .nav__sub-items ul{margin:0}.nav--main .nav__sub-items a{border-left:1px solid #eaecf0;border-radius:0 2px 2px 0;color:#54595d;font-size:1.4rem;padding-left:1.6rem;-webkit-transition:background-color .25s,color .25s;transition:background-color .25s,color .25s}.nav--main .nav__sub-item.is-on>a{background-color:#fff;border-left-color:#000;color:#000;font-weight:600}.nav--main .nav__sub-item .nav__sub-item a{padding-left:3.6rem}.page__parent-title{color:#72777d;margin-top:-2.8rem}.page__title{margin-top:-.8rem}.page__parent-title+.page__title{margin-top:-.4rem}.page__tagline{font-size:2rem;font-style:italic;font-weight:100;margin-top:1.2rem}.figures--full{background-color:#f8f9fa}.figure--centered .figure__image{margin-left:auto;margin-right:auto}.figure__caption,.heading__description{clear:both;color:#72777d;display:block;font-size:1.3rem}.figure__caption{font-style:italic;padding-top:.8rem}.figure__caption:empty{display:none}.heading__description{float:right;margin-top:-1.9rem}.heading__description+*{clear:both}.figure--comparison{float:left}.figures-do-dont{margin-top:1.6rem}.figures-do-dont .figure{background-color:#eaecf0;border-top-left-radius:2px;border-top-right-radius:2px}.figures-do-dont .figure--dont{border-left:1px solid #fff}.figures-do-dont .figure__caption{background-color:#fff;border-top-style:solid;border-top-width:.8rem;display:block;padding-right:.8em}.do,.figure--do .figure__caption{border-top-color:#00af89}.dont,.figure--dont .figure__caption{border-top-color:#d33}.do,.dont{font-style:normal;font-weight:600}.do:before,.dont:before{display:inline-block;font-size:2.1rem;line-height:1rem;margin-right:.4rem;padding-top:.4rem;vertical-align:top}.do{color:#14866d}.do:before{content:"✓"}.dont{color:#d33}.dont:before{content:"×"}.note--a11y:before,.note--i18n:before{background-image:url(../../resources/WikimediaUI-icons-SVGs/eye.svg);background-repeat:no-repeat;content:"";display:inline-block;height:2rem;opacity:.67;vertical-align:text-top;width:2.4rem}.color-palette{margin:2.4rem 0 0;padding:0}.color-palette+.color-palette{margin-top:0}.color-palette+p{margin-top:1.6rem}.color{border:1px solid #fff;border-radius:2px;color:#000;display:block;float:left;font-size:1.4rem;height:16rem;list-style:none none;margin-bottom:3.2rem;padding:1.2rem;position:relative;width:61.8%}.color--dark,.color__wcag-level span{color:#fff}.color--dark .color__wcag-level span{color:#000}.color-palette .color:first-child{margin-top:.4rem}.color-palette--overview .color{border-radius:3.2rem;cursor:default;height:6.2rem;margin-bottom:2.4rem;margin-right:1.2rem;margin-top:.8rem;width:6.4rem}.color-palette--overview .color:first-child{margin-top:.8rem}.color-palette--overview .color--emphasized{border-radius:7.2rem;height:7rem;margin-top:0;padding-top:2rem;width:7.2rem}.color-palette--base .color{margin-right:1.35rem}.color-section .color .color-code--hsb{-webkit-transition:opacity .25s;transition:opacity .25s}.color-section .color:hover .color-code--hsb{opacity:1}.color__name{bottom:1.2rem;display:block;font-size:3.2rem;font-weight:100;left:1.2rem;position:absolute}.color-palette--overview .color__name{bottom:auto;font-size:2.4rem;left:auto;line-height:1;padding-top:1.2rem;position:relative}.color-code.color-code--rgb,.color-palette--overview .color-code,.color-palette--overview .color__name,.color__type{display:none}.color-code{background-color:inherit;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;padding:0}.color-code--hsb{opacity:0}@supports (--css:variables){.color-hint{white-space:nowrap}.color-hint:before{background-color:var( --color-hint );border-radius:50%;content:"";cursor:help;display:inline-block;height:1.2rem;margin:0 .4rem .3rem .2rem;vertical-align:text-bottom;width:1.2rem}.color-hint--base100:before{border:1px solid #a2a9b1}}.icon{display:inline-block;height:2rem;margin:0 .2rem;vertical-align:text-bottom;width:2rem}.icon--indicator{height:1.2rem;margin-bottom:.2rem;width:1.2rem}.icon--intermediate{height:1.6rem;margin-bottom:.2rem;width:1.6rem}.components__designing{position:relative}.components__designing:after{background:url(../../img/components/legend_16-8.svg) no-repeat;bottom:0;content:"";height:6.4rem;position:absolute;right:6.4rem;width:13.2rem}.page--components-messages .components__intro{margin-left:auto;margin-right:auto;max-width:700px}.page--components-messages img{border-radius:0}.resources-table{border-collapse:collapse;display:table;margin-top:2.4rem;width:100%}.resources-table__body,.resources-table__head{border-bottom:1px solid #a2a9b1;display:table-row}.resources-table__head{background-color:#eaecf0}.resources-table__head h2{border-bottom:0;font-size:2.1rem;font-weight:400;margin-top:0;padding-bottom:0}.resources-table__cell{display:table-cell;padding:1.6rem 1.6rem 1.6rem 0}.resources-table__head .resources-table__cell:first-child{padding-left:1.6rem}.lnk-resource{white-space:nowrap}.footer{color:#202122;font-size:1.3rem;padding:2.4rem 0}.footer__list{padding:0}.footer__list:first-child{margin:0}.footer__list:after{clear:both;content:" ";display:block}.footer__list li{display:block;list-style:none none;padding:.8rem 0 0}.footer__list li:first-child{padding-top:0}.footer__list+p{margin-top:1.2rem}.footer__list--connect a{font-weight:600}.lnk--wikimedia-project{display:inline-block;padding:.4rem 0;text-transform:uppercase}.page--home .page__title{border:0;padding:0}.page--design-principles-accessibility .nav--main .is-on>a{cursor:pointer}.page--design-principles-accessibility h3{padding-right:15%}.page--visual-style-typography .figures-do-dont .figure__contents{padding:4.2rem 3.6rem}.figures-do-dont--contrast .figure--dont{color:#a2a9b1}.typography-styles dt{color:#72777d;display:inline-block;font-size:1.3rem;font-weight:600;margin:0 0 3.2rem 1.6rem;min-width:10rem;vertical-align:top}.typography-styles .typography-styles__blockquote{margin-bottom:4.8rem}.typography-styles .typography-styles__code{margin-bottom:0}.typography-styles dd{display:inline}.typography-styles dd>*{display:inline-block;margin-top:0}.typography-styles .figure__caption{padding-top:0}.typography-styles dd:after{content:"\A";white-space:pre}.typography-styles+hr{margin-bottom:4rem;margin-top:4rem}.page--visual-style-icons img{background-color:#eaecf0;padding:2.4rem}.fonts-loaded .color-code,.fonts-loaded .site__title,.fonts-loaded cite{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif}.fonts-loaded .page__title,.fonts-loaded .typography-styles h1,.fonts-loaded blockquote{font-family:Charter,Georgia,serif}@media (max-width:767px){.nav--main{box-shadow:0 2px 2px 0 rgba(0,0,0,.25);left:-1.6rem;padding-bottom:1.6rem;position:absolute;right:-1.6rem;top:-3.2rem;-webkit-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:left .25s,right .25s,-webkit-transform .25s;transition:left .25s,right .25s,-webkit-transform .25s;transition:left .25s,right .25s,transform .25s;transition:left .25s,right .25s,transform .25s,-webkit-transform .25s;z-index:1}.trigger--nav-main:checked+.nav--main{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.page__title{font-size:2.8rem;margin-top:-.4rem}.typography-styles dt{display:block;margin-left:0}.figure--comparison{width:100%}.page--components .components__states{margin-left:0}.resources-table,.resources-table__body,.resources-table__cell,.resources-table__head{display:block}.resources-table__head{margin-left:-1.6rem;margin-right:-1.6rem}.resources-table__head .resources-table__cell:empty{display:none}.resources-table__body{padding-left:0}.resources-table__cell{padding-bottom:.8rem;padding-top:.8rem}}@media (min-width:240px){.content-box,.nav--main a,.site__title a{-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:background-color,padding;transition-property:background-color,padding}.site__title{margin-left:4.2rem}.site__title a{padding-left:0}.lnk--contribute span{display:none}.nav--main a{padding-left:1.6rem;padding-right:1.6rem}.col--end,.col--start{width:100%}.figure--full,.resources-table__head{margin-left:-1.6rem;margin-right:-1.6rem}.figure--full .figure__caption{margin-left:1.6rem;margin-right:1.6rem}.figure--this-is-for-everyone img,.figure--trustworthy-yet-joyful img{margin-left:auto;margin-right:auto;max-width:568px;width:100%}.figure--illustrations-header img{width:100%}.figure--illustrations-header+.figure--illustrations-header,.figure--illustrations-header+.figure--illustrations-header img{margin-top:0}.color{width:61.8%}.color-palette--base .color:nth-child(3n+4){clear:both}.color-palette--base .color{margin-right:1.6rem}.color-palette--overview.color-palette--base .color--emphasized{margin-left:-.2rem;margin-right:1.1rem}.page--components figure{margin-left:4.2rem}}@media (min-width:414px){.content-box{padding-left:3.2rem;padding-right:3.2rem}.nav--main{left:-3.2rem;right:-3.2rem}.nav--main a{padding-left:3.2rem;padding-right:3.2rem}.figure--full,.resources-table__head{margin-left:-3.2rem;margin-right:-3.2rem}.figure--full .figure__caption{margin-left:3.2rem;margin-right:3.2rem}.resources-table__head .resources-table__cell:first-child{padding-left:3.2rem;padding-right:3.2rem}.footer__list li{display:list-item;float:left;padding:0 .8rem 0 0}.footer__list li:after{color:#72777d;content:"\2022";font-weight:100;padding:0 0 0 .8rem}.footer__list li:last-child:after{content:"";padding:0}.color{margin-right:2.4rem;width:16rem}}@media (min-width:568px){.lnk--contribute{bottom:1.5rem;display:block;position:absolute;right:3.2rem;text-align:right}.lnk--contribute span{display:inline;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s}.figures-do-dont .figure{max-width:61.8%}.figure--this-is-for-everyone img,.figure--trustworthy-yet-joyful img{max-width:none}.figure--illustrations-header{float:left;width:44.4%}.figure--illustrations-header+.figure--illustrations-header{margin-top:.8rem;width:55.55%}.figure--illustrations-header+.figure--illustrations-header img{margin-top:1.6rem}}@media (min-width:768px){img{border-radius:2px}.content-box{max-width:960px;width:100%}.btn--nav-main{display:none}.site__title{float:left;margin-left:0}.nav--main a,.site__title a{padding-left:1.6rem;padding-right:1.6rem}.lnk--contribute span{display:inline;opacity:1}.col--start{-webkit-transition:width .25s;transition:width .25s;width:20.8rem;z-index:1}.col--end{margin-left:-20.8rem;padding-left:24rem}.nav--main{left:auto;right:auto}.figure--full,.figure--full .figure__caption{margin-left:0;margin-right:0}.figure--comparison{margin-right:4%}.figure--comparison:last-child{margin-right:0}.figure--comparison:first-child:nth-last-child(2),.figure--comparison:first-child:nth-last-child(2)~.figure--comparison{width:48%}.figure--comparison:first-child:nth-last-child(3),.figure--comparison:first-child:nth-last-child(3)~.figure--comparison{width:30%}.figures-do-dont .figure{float:left;width:50%}.color-palette--base .color:nth-child(3n+4){clear:unset}.illustrations-case-study img{float:left;width:33.33%}.page--components figure{margin-left:6.4rem}}@media (min-width:992px){.content-box{max-width:1140px;width:100%}.nav--main a,.site__title a{padding-left:3.2rem;padding-right:3.2rem}.col--start{width:24rem}.col--end{margin-left:-24rem;padding-left:27.2rem}.color-palette--overview:first-child{margin-top:2.4rem}.color{margin-right:2.4rem}.color-palette--base .color{margin-right:1.35rem}.color-palette--overview.color-palette--base .color--emphasized{margin-left:0;margin-right:1.35rem}.color-palette--overview.color-palette--green:after,.color-palette--overview.color-palette--green:before,.color-palette--overview.color-palette--red:after,.color-palette--overview.color-palette--red:before{content:"";display:none}.color-palette--overview.color-palette--green:after,.color-palette--overview.color-palette--red:after,.color-section .color:nth-child(3n+4){clear:both}.resources-table__body .resources-table__cell{-webkit-transition:background-color .25s;transition:background-color .25s}.resources-table__body:hover .resources-table__cell{background-color:#f8f9fa}.resources-table__body .resources-table__cell:first-child,.resources-table__head .resources-table__cell:first-child{padding-left:1.6rem}}@media (min-width:1200px){.content-box{width:1140px}.col--start{width:25.6rem}.col--end{margin-left:-25.6rem;padding-left:28.8rem}}
/*# sourceMappingURL=wmui-style-guide.min.css.map */
\ No newline at end of file
diff --git a/css/build/wmui-style-guide.min.css.map b/css/build/wmui-style-guide.min.css.map
index f2c96dc2..cd4663c3 100644
--- a/css/build/wmui-style-guide.min.css.map
+++ b/css/build/wmui-style-guide.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/normalize.css/normalize.css","../partials/fonts.css","../wmui-style-guide.dev.css"],"names":[],"mappings":"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CD,CAED,sBACC,YACD,CAEA,aACC,mBAAoB,CACpB,oBACD,CAEA,sBAEC,UACD,CAEA,qCAEC,mBAAoB,CACpB,oBACD,CAEA,+BACC,kBAAmB,CACnB,mBACD,CAEA,sEAIC,gBAAiB,CACjB,iBAAkB,CAFlB,eAAgB,CADhB,UAID,CAEA,kCACC,UACD,CAEA,4HAEC,YACD,CAEA,OACC,WACD,CAEA,4CACC,UACD,CAEA,4BACC,mBACD,CAEA,gEAEC,kBAAoB,CADpB,mBAED,CAEA,yBACC,kBACD,CACD,CAGA,yBACC,aACC,mBAAoB,CACpB,oBACD,CAEA,WACC,YAAa,CACb,aACD,CAEC,aACC,mBAAoB,CACpB,oBACD,CAED,qCAEC,mBAAoB,CACpB,oBACD,CAEA,+BACC,kBAAmB,CACnB,mBACD,CAEA,0DACC,mBAAoB,CACpB,oBACD,CAEA,iBACC,iBAAkB,CAClB,UAAW,CACX,mBACD,CAEA,uBAEC,aAAkC,CADlC,eAAgB,CAGhB,eAAgB,CADhB,mBAED,CAEA,kCACC,UAAW,CACX,SACD,CAEA,OAEC,mBAAoB,CADpB,WAED,CACD,CAGA,yBACC,iBAGC,aAAc,CAFd,aAAc,CACd,iBAAkB,CAElB,YAAa,CACb,gBACD,CAEA,sBACC,cAAe,CACf,SAAU,CACV,+BAAmD,CAAnD,uBACD,CAEA,yBACC,eACD,CAEA,sEAEC,cACD,CAEA,8BACC,UAAW,CACX,WACD,CAEA,4DAEC,gBAAkB,CADlB,YAED,CAEA,gEACC,iBACD,CACD,CAGA,yBACC,IACC,iBACD,CAEA,aAEC,eAAgB,CADhB,UAED,CAEA,eACC,YACD,CAEA,aACC,UAAW,CACX,aACD,CAEC,4BAEC,mBAAoB,CACpB,oBACD,CAED,sBACC,cAAe,CACf,SACD,CAEA,YAGC,6BAAiD,CAAjD,qBAAiD,CAFjD,aAAc,CACd,SAED,CAEA,UACC,oBAAqB,CACrB,kBACD,CAEA,WACC,SAAU,CACV,UACD,CAEA,6CAEC,aAAc,CACd,cACD,CAGA,oBACC,eACD,CAEA,+BACC,cACD,CAGA,wHAEC,SACD,CAGA,wHAEC,SACD,CAEA,yBACC,UAAW,CACX,SACD,CAEA,4CACC,WACD,CAGA,8BACC,UAAW,CACX,YACD,CAEA,yBACC,kBACD,CACD,CAGA,yBACC,aAEC,gBAA2C,CAD3C,UAED,CAEA,4BAEC,mBAAoB,CACpB,oBACD,CAEA,YACC,WACD,CAEA,UACC,kBAAmB,CACnB,oBACD,CAEA,qCACC,iBACD,CAEA,OACC,mBACD,CAEC,4BACC,oBACD,CAEA,gEAEC,aAAc,CADd,oBAED,CAED,8MAIC,UAAW,CACX,YACD,CAEA,4IAGC,UACD,CAGA,8CACC,wCAA4D,CAA5D,gCACD,CAEC,oDACC,wBACD,CAEA,oHAEC,mBACD,CACF,CAEA,0BACC,aACC,YACD,CAEA,YACC,aACD,CAEA,UACC,oBAAqB,CACrB,oBACD,CACD","file":"wmui-style-guide.min.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","@font-face {\n\tfont-family: 'Charter';\n\tsrc: url( '../../fonts/Charter_regular.woff2' ) format( 'woff2' ),\n\t\t url( '../../fonts/Charter_regular.woff' ) format( 'woff' );\n\tfont-style: normal;\n\tfont-weight: 400;\n\ttext-rendering: optimizeLegibility; /* Attention: Android Stock Browser <= 4.3 doesn't show web font with this setting, but it also doesn't support WOFF :) */\n}\n\n@font-face {\n\tfont-family: 'Charter';\n\tsrc: url( '../../fonts/Charter_bold.woff2' ) format( 'woff2' ),\n\t\t url( '../../fonts/Charter_bold.woff' ) format( 'woff' );\n\tfont-style: normal;\n\tfont-weight: 700;\n\ttext-rendering: optimizeLegibility;\n}\n\n/*\n@font-face {\n\tfont-family: 'Charter';\n\tsrc: url( '../fonts/Charter_italic.woff2' ) format( 'woff2' ),\n\t\t url( '../fonts/Charter_italic.woff' ) format( 'woff' );\n\tfont-style: italic;\n\tfont-weight: 400;\n\ttext-rendering: optimizeLegibility;\n}\n@font-face {\n\tfont-family: 'Charter';\n\tsrc: url( '../fonts/Charter_bold-italic.woff2' ) format( 'woff2' ),\n\t\t url( '../fonts/Charter_bold-italic.woff' ) format( 'woff' );\n\tfont-style: italic;\n\tfont-weight: 700;\n\ttext-rendering: optimizeLegibility;\n}\n*/\n","/* ::: Vendor Imports ::: */\n/* Load files from 'node_modules' folders with postCSS-import plugin.\n * Modules specified in package.json file. */\n@import 'wikimedia-ui-base/wikimedia-ui-base.css';\n@import 'normalize.css';\n\n/* ::: Local Imports ::: */\n@import 'partials/fonts.css';\n\n:root {\n\t--background-color-hr: var( --wmui-color-base80 );\n\t--width-site: 960px;\n\t--width-site-desktop-wide: 1140px;\n\t--border-color-heading: var( --wmui-color-base80 );\n\t--border-width-heading: 3px;\n\t--border-start-blockquote: 4px var( --border-style-base ) var( --wmui-color-base80 );\n\t--outline-color-base--focus: var( --color-primary--focus );\n\t/* HACK; Add Georgia to serif fallback as long as WikimediaUI Base isn't updated. */\n\t--font-family-serif--fallback: Georgia, serif; /* stylelint-disable-line value-keyword-case */\n\t/* Setting bold to `600` as our stack works better with it, only Lato is on the edge.\n\t Helvetica and Arial fallback gracefully to `700`, see T246791. */\n\t--font-weight-bold: var( --font-weight-semi-bold );\n}\n\n* {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tfont-size: 62.5%;\n}\n\nbody {\n\tbackground-color: var( --wmui-color-base80 ); /* FIXME: var; */\n\tcolor: var( --color-base );\n\tmargin: 0;\n\tfont-family: var( --font-family-system-sans );\n\tfont-size: 1.6rem;\n\tline-height: var( --line-height-base );\n}\n\n\n/* ::: Normalize Browser Rendering Support ::: */\n/* Support IE 9-: Add the correct display as we're relying on\n * normalize v8 which only supports IE 10+. */\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nnav,\nsection {\n\tdisplay: block;\n}\n\n\n/* ::: Text Block-Level Elements ::: */\n/* ... Headings ... */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tcolor: var( --color-base--emphasized );\n\tmargin: 3.2rem 0 0;\n\tline-height: 1.25;\n\ttransition: font-size var( --transition-ease-medium ), font-weight var( --transition-ease-medium );\n}\n\nh2,\nh3,\nh4,\nh5 {\n\tfont-weight: var( --font-weight-bold );\n}\n\nh1,\n.page__title {\n\tfont-family: var( --font-family-serif--fallback ); /* Fallback */\n\tfont-size: 3.2rem;\n\tfont-weight: var( --font-weight-base );\n}\n\nh2 {\n\tborder-bottom: var( --border-width-heading ) var( --border-style-base ) var( --border-color-heading );\n\tpadding-bottom: 2px;\n\tfont-size: 2.4rem;\n}\n\n/* Reduce top margin when introductory headlines are following each other. */\nh2 + h3 {\n\tmargin-top: 1.6rem;\n}\n\nh3 {\n\tfont-size: 2rem;\n}\n\nh4 {\n\tfont-size: 1.8rem;\n}\n\nh5 {\n\tfont-size: 1.6rem;\n}\n\nh6 {\n\tfont-size: 1.6rem;\n\tfont-weight: normal;\n}\n\n/* ... Other Block-Level Elements ... */\nblockquote {\n\tmargin: 1.6rem 0 0;\n\tborder-left: var( --border-start-blockquote );\n\tpadding: 0.8rem 3.2rem;\n\tfont-family: var( --font-family-serif--fallback ); /* Fallback */\n\tfont-size: 2rem;\n\tfont-style: italic;\n}\n\nblockquote cite {\n\tdisplay: block;\n\tmargin-top: 0.8rem;\n\tfont-family: var( --font-family-system-sans );\n\tfont-size: 1.4rem;\n\tfont-style: normal;\n}\n\n\tblockquote cite:before {\n\t\tcontent: '— ';\n\t}\n\ncode,\npre,\n.mw-code {\n\tfont-family: var( --font-family-monospace );\n}\n\nhr {\n\tbackground: var( --background-color-hr );\n\tdisplay: block;\n\theight: 0.8rem;\n\tborder: 0;\n\tmargin: 8rem 0;\n}\n\np {\n\tmargin: 3.2rem 0 0;\n}\n\n\th1 + p,\n\th2 + p,\n\th3 + p,\n\th4 + p,\n\th5 + p,\n\th6 + p,\n\tp + p,\n\tul + p,\n\tp:first-child {\n\t\tmargin: 0.8rem 0 0;\n\t}\n\n\tblockquote + p {\n\t\tmargin-top: 1.6rem;\n\t}\n\npre,\n.mw-code {\n\tbackground-color: var( --background-color-code );\n\tcolor: var( --color-base--emphasized );\n\tborder: var( --border-base );\n\tpadding: 1.2rem 2rem;\n\tfont-size: 1.4rem;\n\twhite-space: pre-wrap;\n}\n\n/* ... Lists ... */\nol,\nul {\n\tmargin: 0.8rem 0;\n\tpadding: 0 0 0 1.8rem; /* Can't remain within our 8px based sizing due to browser defaults */\n}\n\n.content li {\n\tmargin-top: 0.4rem;\n}\n\n\t.content li:first-child {\n\t\tmargin-top: 0;\n\t}\n\n/* ... Images & Figures ... */\nfigure {\n\tmargin: 0.8rem 0 0;\n}\n\nimg {\n\tdisplay: block;\n\tmax-width: 100%;\n\tmargin: 1.6rem 0 0;\n}\n\n.page--components figure {\n\tmargin-left: 6.4rem;\n\tpadding-top: 0.8rem;\n}\n\n.page--components figure img {\n\tmargin-top: 0.8rem;\n}\n\n.is-comparison img {\n\tfloat: left;\n\tmargin-left: 1.2rem;\n}\n\n\t.is-comparison img:first-child {\n\t\tmargin-left: 0;\n\t}\n\n/* ::: Inline Elements ::: */\na {\n\tcolor: var( --color-primary );\n\ttext-decoration: none;\n}\n\n\ta:hover {\n\t\ttext-decoration: underline;\n\t}\n\n\ta:active {\n\t\tcolor: var( --color-primary--active );\n\t}\n\nb,\nstrong {\n\tfont-weight: var( --font-weight-bold );\n}\n\ncode {\n\tbackground-color: var( --background-color-code );\n\tdisplay: inline-block;\n\tpadding: 0.2rem 0.4rem;\n\tfont-size: 1.4rem;\n}\n\nsmall {\n\tfont-size: 1.3rem;\n}\n\nsub,\nsup {\n\tfont-size: 1.1rem;\n}\n\n/* ::: General Classes ::: */\n/* ::: Text for Screen Readers only ::: */\n.is-aural {\n\tdisplay: block;\n\tposition: absolute;\n\tclip: rect( 1px, 1px, 1px, 1px );\n\twidth: 1px;\n\theight: 1px;\n\tmargin: -1px;\n\tborder: 0;\n\tpadding: 0;\n\toverflow: hidden;\n}\n\n\t.is-aural.is-focusable:active,\n\t.is-aural.is-focusable:focus {\n\t\tposition: static;\n\t\tclip: auto;\n\t\twidth: auto;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\ttext-decoration: underline;\n\t\toverflow: visible;\n\t}\n\n.clearfix:before,\n.clearfix:after,\n.page:before,\n.page:after,\n.content-box:before,\n.content-box:after,\n.color-palette:before,\n.color-palette:after,\n.figures-box:before,\n.figures-box:after,\n.figures-do-dont:before,\n.figures-do-dont:after,\n.is-comparison:before,\n.is-comparison:after,\n.content__illustration-style .figure--full:before,\n.content__illustration-style .figure--full:after {\n\tcontent: ' ';\n\tdisplay: table;\n}\n\n.clearfix:after,\n.page:after,\n.content-box:after,\n.color-palette:after,\n.figures-box:after,\n.figures-do-dont:after,\n.is-comparison:after,\n.content__illustration-style .figure--full:after {\n\tclear: both;\n}\n\n/* ::: Text-formatting ::: */\n/* Support Blink based browsers. */\n/* They use `outline` for focus styles, we're only amending the color here, see T245887. */\n:focus {\n\toutline-color: var( --outline-color-base--focus );\n}\n\n.is-complementary,\n.is-subtle {\n\tcolor: var( --color-base--subtle );\n}\n\n.is-complementary {\n\tfont-size: 1.4rem;\n}\n\n::placeholder,\n.is-placeholder {\n\tcolor: var( --color-placeholder );\n\topacity: 1;\n}\n\n.content-box {\n\tposition: relative;\n\tmargin-right: auto;\n\tmargin-left: auto;\n\tpadding-left: 1.6rem; /* FIXME: var( --grid-padding ); */\n\tpadding-right: 1.6rem;\n}\n\n\n/* ::: Structure ::: */\n.header {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tmin-height: 6.4rem;\n\tline-height: 6.4rem;\n}\n\n\t.site__title {\n\t\tcolor: var( --wmui-color-base10 );\n\t\tmargin-top: 0;\n\t\theight: 6.4rem;\n\t\tfont-family: var( --font-family-system-sans );\n\t\tfont-size: 1.6rem;\n\t\tfont-weight: var( --font-weight-base );\n\t\tletter-spacing: 0.5px;\n\t}\n\n\t\t.site__title a {\n\t\t\tcolor: inherit;\n\t\t\tdisplay: inline-block;\n\t\t\tpadding: 1.2rem 3.2rem 0;\n\t\t\ttransition: color var( --transition-ease-medium );\n\t\t}\n\n\t\t.site__title a:hover {\n\t\t\tcolor: var( --wmui-color-base0 ); /* --color-base-emphasized */\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t.site__org {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.site__project {\n\t\t\tfont-weight: var( --font-weight-bold );\n\t\t}\n\n\t/* ... Navigation button ... */\n\t.btn--nav-main {\n\t\tposition: absolute;\n\t\ttop: 1.2rem;\n\t\twidth: 4.2rem;\n\t\theight: 4.2rem;\n\t\tcursor: pointer;\n\t}\n\n\t/* Fake hamburger icon */\n\t.btn--nav-main i {\n\t\tdisplay: block;\n\t\theight: 4.2rem;\n\t\ttransition: color var( --transition-ease-medium ), box-shadow var( --transition-ease-medium );\n\t}\n\n\t.btn--nav-main i:before,\n\t.btn--nav-main i:after {\n\t\tcontent: '';\n\t\tbackground-color: var( --wmui-color-base20 );\n\t\twidth: 2rem;\n\t\theight: 2px;\n\t\tposition: absolute;\n\t\ttop: 0.4rem;\n\t\tleft: 0;\n\t}\n\n\t.btn--nav-main i:after {\n\t\ttop: 1.1rem;\n\t\tbox-shadow: 0 0.7rem 0 var( --wmui-color-base20 );\n\t}\n\n\t.btn--nav-main i:hover:before,\n\t.btn--nav-main i:hover:after {\n\t\tbackground-color: var( --wmui-color-base0 ); /* --color-base-emphasized */\n\t}\n\n\t.btn--nav-main i:hover:after {\n\t\tbox-shadow: 0 0.7rem 0 var( --wmui-color-base0 );\n\t}\n\n\t.btn--nav-main span {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tclip: rect( 1px, 1px, 1px, 1px );\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t}\n\n\t/* ... GitHub Contribute Link ... */\n\t.lnk--contribute {\n\t\tfont-size: 1.4rem;\n\t\tline-height: 1.4rem; /* Derive slightly from template for cross-browser compliance */\n\t}\n\n\n/* ... Content ... */\n.page {\n\tbackground-color: var( --background-color-base );\n\tposition: relative;\n\tmargin-top: 6.4rem;\n\tpadding: 6.4rem 0;\n\tbox-shadow: 0 1px 4px 0 rgba( 0, 0, 0, 0.25 );\n\toverflow-y: hidden;\n}\n\n.content {\n\tfloat: left;\n}\n\n.col {\n\tfloat: left;\n\tposition: relative;\n\tmin-height: 1px;\n}\n\n\t.col--start {\n\t\tpadding: 0;\n\t}\n\n\t.col--end {\n\t\tpadding: 0;\n\t}\n\n/* ... Main Navigation ... */\n.nav--main {\n\tbackground-color: var( --background-color-base ); /* needed for menu appearance on mobile below */\n\t/* margin-top: 6.4rem; */\n}\n\n.nav--main li:not( .is-on ) ul,\n.trigger--nav-main {\n\tdisplay: none;\n}\n\n.nav--main ol,\n.nav--main ul {\n\tpadding: 0;\n}\n\n.nav--main ol:first-child {\n\tmargin: 0;\n}\n\n.nav--main li {\n\tpadding: 0;\n\tlist-style: none none;\n}\n\n.nav--main > ol > li {\n\tmargin-bottom: 0.4rem;\n}\n\n.nav--main a {\n\tcolor: var( --color-base );\n\tdisplay: block;\n\tpadding: 0.8rem 1.2rem;\n\tfont-size: 1.6rem;\n\ttext-decoration: none;\n\ttransition: background-color var( --transition-ease-medium ), color var( --transition-ease-medium ), padding var( --transition-ease-medium );\n}\n\n.nav--main a:hover,\n.nav--main a:focus {\n\tbackground-color: var( --background-color-code );\n\tcolor: var( --color-base--emphasized );\n}\n\n.nav--main .is-on > a {\n\tbackground-color: var( --background-color-primary );\n\tcolor: var( --color-primary );\n\t/* border-left: 2px solid var( --color-primary ); */\n\tborder-radius: var( --border-radius-base );\n\tfont-weight: var( --font-weight-bold );\n\tcursor: default;\n}\n\n.nav__sub-items {\n\tmargin-top: 1.2rem;\n\tmargin-bottom: 1em; /* FIXME: replace with rem and mt */\n}\n\n.nav__sub-items > .nav__sub-item {\n\tmargin-left: 3.6rem;\n}\n\n.nav--main .nav__sub-items ul {\n\tmargin: 0;\n}\n\n.nav--main .nav__sub-items a { /* stylelint-disable-line no-descending-specificity */\n\tcolor: var( --wmui-color-base20 );\n\tborder-left: var( --border-width-base ) solid var( --wmui-color-base80 );\n border-radius: 0 var( --border-radius-base ) var( --border-radius-base ) 0;\n\tpadding-left: 1.6rem;\n\tfont-size: 1.4rem;\n\ttransition: background-color var( --transition-ease-medium ), color var( --transition-ease-medium );\n}\n\n.nav--main .nav__sub-item.is-on > a {\n\tbackground-color: var( --background-color-base );\n\tcolor: var( --color-base--active );\n\tborder-left-color: var( --wmui-color-base0 );\n\tfont-weight: var( --font-weight-bold );\n}\n\n.nav--main .nav__sub-item .nav__sub-item a {\n\tpadding-left: 3.6rem;\n}\n\n\n/* ::: Content ::: */\n.page__parent-title {\n\tcolor: var( --color-base--subtle );\n\tmargin-top: -2.8rem;\n}\n\n.page__title {\n\tmargin-top: -0.8rem;\n}\n\n.page__parent-title + .page__title {\n\tmargin-top: -0.4rem;\n}\n\n.page__tagline {\n\tmargin-top: 1.2rem;\n\tfont-size: 2rem;\n\tfont-style: italic;\n\tfont-weight: var( --font-weight-hairline );\n}\n\n/* Remove, doesn't provide good styling\n.page__lead {\n\tfont-size: 1.8rem;\n}\n*/\n\n.figures--full {\n\tbackground-color: var( --wmui-color-base90 );\n}\n\n.figure--centered .figure__image {\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.figure__caption,\n.heading__description {\n\tcolor: var( --color-base--subtle );\n\tclear: both;\n\tdisplay: block;\n\tfont-size: 1.3rem;\n}\n\n.figure__caption {\n\tpadding-top: 0.8rem; /* `padding-top` due to usage with floated images in figure above */\n\tfont-style: italic;\n}\n\n\t.figure__caption:empty {\n\t\tdisplay: none;\n\t}\n\n.heading__description {\n\tfloat: right;\n\tmargin-top: -1.9rem;\n}\n\n\t.heading__description + * {\n\t\tclear: both;\n\t}\n\n/* ... Comparison Figures ... */\n.figure--comparison {\n\tfloat: left;\n}\n\n/* ... “Do” & “Don't” figures ... */\n.figures-do-dont {\n\tmargin-top: 1.6rem;\n}\n\n.figures-do-dont .figure {\n\tbackground-color: var( --wmui-color-base80 );\n\tborder-top-left-radius: var( --border-radius-base );\n\tborder-top-right-radius: var( --border-radius-base );\n}\n\n.figures-do-dont .figure--dont {\n\tborder-left: var( --border-width-base ) solid var( --color-base--inverted );\n}\n\n.figures-do-dont .figure__caption {\n\tbackground-color: var( --color-base--inverted );\n\tdisplay: block;\n\tborder-top-width: 0.8rem;\n\tborder-top-style: solid;\n\tpadding-right: 0.8em;\n}\n\n.figure--do .figure__caption,\n.do {\n\tborder-top-color: var( --color-secondary );\n}\n\n.figure--dont .figure__caption,\n.dont {\n\tborder-top-color: var( --color-destructive );\n}\n\n.do,\n.dont {\n\tfont-style: normal;\n\tfont-weight: var( --font-weight-bold );\n}\n\n\t.do:before,\n\t.dont:before {\n\t\tdisplay: inline-block;\n\t\tmargin-right: 0.4rem;\n\t\tpadding-top: 0.4rem;\n\t\tfont-size: 2.1rem;\n\t\tline-height: 1rem;\n\t\tvertical-align: top;\n\t}\n\n.do {\n\tcolor: var( --color-success );\n}\n\n\t.do:before {\n\t\tcontent: '✓';\n\t}\n\n.dont {\n\tcolor: var( --color-destructive );\n}\n\n\t.dont:before {\n\t\tcontent: '×';\n\t}\n\n/* ... Notes ... */\n.note--a11y:before,\n.note--i18n:before {\n\tcontent: '';\n\tbackground-image: url( ../../resources/WikimediaUI-icons-SVGs/eye.svg );\n\tbackground-repeat: no-repeat;\n\topacity: var( --opacity-icon-accessory );\n\tdisplay: inline-block;\n\twidth: 2.4rem;\n\theight: 2rem;\n\tvertical-align: text-top;\n}\n\n\n/* ... Color ... */\n.color-palette {\n\tmargin: 2.4rem 0 0;\n\tpadding: 0;\n}\n\n.color-palette + .color-palette {\n\tmargin-top: 0;\n}\n\n.color-palette + p {\n\tmargin-top: 1.6rem;\n}\n\n.color {\n\tcolor: var( --color-base--emphasized );\n\tlist-style: none none;\n\tdisplay: block;\n\tfloat: left;\n\tposition: relative;\n\twidth: 61.8%;\n\theight: 16rem;\n\tmargin-bottom: 3.2rem;\n\tpadding: 1.2rem;\n\tborder: var( --border-width-base ) var( --border-style-base ) var( --border-color-inset--focus );\n\tborder-radius: var( --border-radius-base );\n\tfont-size: 1.4rem;\n}\n\n\t.color--dark,\n\t.color__wcag-level span {\n\t\tcolor: var( --color-base--inverted );\n\t}\n\n\t.color--dark .color__wcag-level span {\n\t\tcolor: var( --color-base--emphasized );\n\t}\n\n\t.color-palette .color:first-child {\n\t\tmargin-top: 0.4rem;\n\t}\n\n\t.color-palette--overview .color {\n\t\twidth: 6.4rem;\n\t\theight: 6.2rem;\n\t\tmargin-top: 0.8rem;\n\t\tmargin-right: 1.2rem;\n\t\tmargin-bottom: 2.4rem;\n\t\tborder-radius: 3.2rem;\n\t\tcursor: default;\n\t}\n\n\t.color-palette--overview .color:first-child {\n\t\tmargin-top: 0.8rem;\n\t}\n\n\t.color-palette--overview .color--emphasized {\n\t\twidth: 7.2rem;\n\t\theight: 7rem;\n\t\tmargin-top: 0;\n\t\tborder-radius: 7.2rem;\n\t\tpadding-top: 2rem;\n\t}\n\n\t.color-palette--base .color {\n\t\tmargin-right: 1.35rem;\n\t}\n\n\t.color-section .color .color-code--hsb {\n\t\ttransition: opacity var( --transition-ease-medium );\n\t}\n\n\t\t.color-section .color:hover .color-code--hsb {\n\t\t\topacity: 1;\n\t\t}\n\n\t.color__name {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbottom: 1.2rem;\n\t\tleft: 1.2rem;\n\t\tfont-size: 3.2rem;\n\t\tfont-weight: var( --font-weight-hairline );\n\t}\n\n\t\t.color-palette--overview .color__name {\n\t\t\tposition: relative;\n\t\t\tbottom: auto;\n\t\t\tleft: auto;\n\t\t\tpadding-top: 1.2rem;\n\t\t\tfont-size: 2.4rem;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t.color__type,\n\t\t.color-code.color-code--rgb,\n\t\t.color-palette--overview .color__name,\n\t\t.color-palette--overview .color-code {\n\t\t\tdisplay: none;\n\t\t}\n\n\t.color-code {\n\t\tbackground-color: inherit;\n\t\tdisplay: block;\n\t\tpadding: 0;\n\t\tfont-family: var( --font-family-system-sans );\n\t}\n\n\t\t.color-code--hsb {\n\t\t\topacity: 0;\n\t\t}\n\n@supports ( --css: variables ) {\n\t.color-hint {\n\t\twhite-space: nowrap;\n\t}\n\n\t.color-hint:before {\n\t\tcontent: '';\n\t\tbackground-color: var( --color-hint );\n\t\tdisplay: inline-block;\n\t\twidth: 1.2rem;\n\t\theight: 1.2rem;\n\t\tmargin: 0 0.4rem 0.3rem 0.2rem;\n\t\tborder-radius: 50%;\n\t\tvertical-align: text-bottom;\n\t\tcursor: help;\n\t}\n\n\t.color-hint--base100:before {\n\t\tborder: var( --border-base );\n\t}\n}\n\n\n/* ... Icon ... */\n.icon {\n\tdisplay: inline-block;\n\twidth: 2rem;\n\theight: 2rem;\n\tmargin: 0 0.2rem;\n\tvertical-align: text-bottom;\n}\n\n\t.icon--indicator {\n\t\twidth: 1.2rem;\n\t\theight: 1.2rem;\n\t\tmargin-bottom: 0.2rem;\n\t}\n\n\t.icon--intermediate {\n\t\twidth: 1.6rem;\n\t\theight: 1.6rem;\n\t\tmargin-bottom: 0.2rem;\n\t}\n\n\n/* ... Components ... */\n/*\n.page--components h2 {\n\tborder-bottom: 0;\n\tpadding-bottom: 0;\n}\n*/\n.components__designing {\n\tposition: relative;\n}\n\n.components__designing:after {\n\tcontent: '';\n\tbackground: url( ../../img/components/legend_16-8.svg ) no-repeat;\n\tposition: absolute;\n\tbottom: 0;\n\tright: 6.4rem;\n\twidth: 13.2rem;\n\theight: 6.4rem;\n}\n\n/*\n.components__states,\n.components__imagery\n*/\n\n/* Messages */\n.page--components-messages .components__intro {\n\tmax-width: 700px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n/* Override general img border radius for correct Message representation */\n.page--components-messages img {\n\tborder-radius: 0;\n}\n\n\n/* ... Resources ... */\n.resources-table {\n\tdisplay: table;\n\twidth: 100%;\n\tmargin-top: 2.4rem;\n\tborder-collapse: collapse;\n}\n\n.resources-table__head,\n.resources-table__body {\n\tdisplay: table-row;\n\tborder-bottom: 1px solid #a2a9b1;\n}\n\n.resources-table__head {\n\tbackground-color: #eaecf0;\n}\n\n\t.resources-table__head h2 {\n\t\tmargin-top: 0;\n\t\tborder-bottom: 0;\n\t\tpadding-bottom: 0;\n\t\tfont-size: 2.1rem;\n\t\tfont-weight: var( --font-weight-base );\n\t}\n\n.resources-table__cell {\n\tdisplay: table-cell;\n\tpadding: 1.6rem 1.6rem 1.6rem 0;\n}\n\n\t.resources-table__head .resources-table__cell:first-child {\n\t\tpadding-left: 1.6rem;\n\t}\n\n.lnk-resource {\n\twhite-space: nowrap;\n}\n\n/* ::: Footer ::: */\n.footer {\n\tcolor: var( --color-base );\n\tpadding: 2.4rem 0;\n\tfont-size: 1.3rem;\n}\n\n.footer__list {\n\tpadding: 0;\n}\n\n\t.footer__list:first-child {\n\t\tmargin: 0;\n\t}\n\n\t.footer__list:after {\n\t\tcontent: ' ';\n\t\tdisplay: block;\n\t\tclear: both;\n\t}\n\n\t.footer__list li {\n\t\tlist-style: none none;\n\t\tdisplay: block;\n\t\tpadding: 0.8rem 0 0;\n\t}\n\n\t.footer__list li:first-child {\n\t\tpadding-top: 0;\n\t}\n\n\t.footer__list + p {\n\t\tmargin-top: 1.2rem;\n\t}\n\n\t.footer__list--connect a {\n\t\tfont-weight: var( --font-weight-bold );\n\t}\n\n.lnk--wikimedia-project {\n\tdisplay: inline-block;\n\tpadding: 0.4rem 0;\n\ttext-transform: uppercase;\n}\n\n\n/* ::: Page-specific Styles ::: */\n/* ... Homepage ... */\n.page--home .page__title {\n\tborder: 0;\n\tpadding: 0;\n}\n\n/* ... “Design principles – Accessibility” ... */\n.page--design-principles-accessibility .nav--main .is-on > a {\n\tcursor: pointer;\n}\n\n.page--design-principles-accessibility h3 {\n\tpadding-right: 15%;\n}\n\n/* ... “Typography” ... */\n.page--visual-style-typography .figures-do-dont .figure__contents {\n\tpadding: 4.2rem 3.6rem;\n}\n\n.figures-do-dont--contrast .figure--dont {\n\tcolor: var( --wmui-color-base50 );\n}\n\n/* ... Typography Styles ... */\n\n.typography-styles dt {\n\tdisplay: inline-block;\n\tcolor: var( --color-base--subtle );\n\tmin-width: 10rem;\n\tmargin: 0 0 3.2rem 1.6rem; /* Need to rely on `margin-bottom` here for vertical alignment */\n\tfont-size: 1.3rem;\n\tfont-weight: var( --font-weight-bold );\n\tvertical-align: top;\n}\n\n.typography-styles .typography-styles__blockquote {\n\tmargin-bottom: 4.8rem;\n}\n\n.typography-styles .typography-styles__code {\n\tmargin-bottom: 0;\n}\n\n.typography-styles dd {\n\tdisplay: inline;\n}\n\n.typography-styles dd > * {\n\tdisplay: inline-block;\n\tmargin-top: 0; /* Remove `margin` from elements like paragraphs and list elements */\n}\n\n.typography-styles .figure__caption {\n\tpadding-top: 0; /* Remove `padding` from elements like figure caption */\n}\n\n.typography-styles dd:after {\n content: '\\A';\n white-space: pre;\n}\n\n.typography-styles + hr {\n\tmargin-top: 4rem;\n\tmargin-bottom: 4rem;\n}\n\n/* ... “Icons” ... */\n.page--visual-style-icons img { /* FIXME: generalize image styles */\n\tbackground-color: var( --wmui-color-base80 ); /* FIXME: var; */\n\tpadding: 2.4rem;\n}\n\n\n/* ::: Dynamic content ::: */\n.fonts-loaded cite,\n.fonts-loaded .site__title,\n.fonts-loaded .color-code {\n\tfont-family: var( --font-family-system-sans );\n}\n\n/* ::: Text Block-Level Elements ::: */\n.fonts-loaded .page__title,\n.fonts-loaded blockquote,\n.fonts-loaded .typography-styles h1 {\n\tfont-family: 'Charter', Georgia, serif; /* stylelint-disable-line font-family-name-quotes */\n}\n\n\n/* ::: Media Queries ::: */\n/* ... Smartphone only ... */\n@media ( max-width: 767px ) {\n\t.nav--main {\n\t\tposition: absolute;\n\t\ttop: -3.2rem;\n\t\tleft: -1.6rem;\n\t\tright: -1.6rem;\n\t\tpadding-bottom: 1.6rem;\n\t\tbox-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ); /* FIXME: Update wmui-base */\n\t\tz-index: 1;\n\t\ttransform: translateY( -200% );\n\t\ttransition: left var( --transition-ease-medium ), right var( --transition-ease-medium ), transform var( --transition-ease-medium );\n\t}\n\n\t.trigger--nav-main:checked + .nav--main {\n\t\ttransform: translateY( 0 );\n\t}\n\n\t.page__title {\n\t\tmargin-top: -0.4rem;\n\t\tfont-size: 2.8rem;\n\t}\n\n\t.typography-styles dt {\n\t\tdisplay: block;\n\t\tmargin-left: 0;\n\t}\n\n\t.figure--comparison {\n\t\twidth: 100%;\n\t}\n\n\t/* ... Components ... */\n\t.page--components .components__states {\n\t\tmargin-left: 0;\n\t}\n\n\t/* ... Resources ... */\n\t.resources-table,\n\t.resources-table__head,\n\t.resources-table__body,\n\t.resources-table__cell {\n\t\tdisplay: block;\n\t}\n\n\t.resources-table__head {\n\t\tmargin-left: -1.6rem;\n\t\tmargin-right: -1.6rem;\n\t}\n\n\t.resources-table__head .resources-table__cell:empty {\n\t\tdisplay: none;\n\t}\n\n\t.resources-table__body {\n\t\tpadding-left: 0;\n\t}\n\n\t.resources-table__cell {\n\t\tpadding-top: 0.8rem;\n\t\tpadding-bottom: 0.8rem;\n\t}\n}\n\n/* ... Smartphone portrait ... */\n@media ( min-width: 240px ) {\n\t.content-box,\n\t.site__title a,\n\t.nav--main a {\n\t\ttransition-property: background-color, padding;\n\t\ttransition-duration: var( --transition-ease-medium );\n\t}\n\n\t.site__title {\n\t\tmargin-left: 4.2rem;\n\t}\n\n\t\t.site__title a {\n\t\t\tpadding-left: 0;\n\t\t}\n\n\t.lnk--contribute span {\n\t\tdisplay: none;\n\t}\n\n\t.nav--main a {\n\t\tpadding-left: 1.6rem;\n\t\tpadding-right: 1.6rem;\n\t}\n\n\t.col--start,\n\t.col--end {\n\t\twidth: 100%;\n\t}\n\n\t.figure--full,\n\t.resources-table__head {\n\t\tmargin-left: -1.6rem;\n\t\tmargin-right: -1.6rem;\n\t}\n\n\t.figure--full .figure__caption {\n\t\tmargin-left: 1.6rem;\n\t\tmargin-right: 1.6rem;\n\t}\n\n\t.figure--this-is-for-everyone img,\n\t.figure--trustworthy-yet-joyful img {\n\t\twidth: 100%;\n\t\tmax-width: 568px;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n\n\t.figure--illustrations-header img {\n\t\twidth: 100%;\n\t}\n\n\t.figure--illustrations-header + .figure--illustrations-header,\n\t.figure--illustrations-header + .figure--illustrations-header img {\n\t\tmargin-top: 0;\n\t}\n\n\t.color {\n\t\twidth: 61.8%;\n\t}\n\n\t.color-palette--base .color:nth-child( 3n+4 ) {\n\t\tclear: both;\n\t}\n\n\t.color-palette--base .color {\n\t\tmargin-right: 1.6rem;\n\t}\n\n\t.color-palette--overview.color-palette--base .color--emphasized {\n\t\tmargin-right: 1.1rem;\n\t\tmargin-left: -0.2rem;\n\t}\n\n\t.page--components figure {\n\t\tmargin-left: 4.2rem;\n\t}\n}\n\n/* ... Smartphone+ portrait ... */\n@media ( min-width: 414px ) {\n\t.content-box {\n\t\tpadding-left: 3.2rem;\n\t\tpadding-right: 3.2rem;\n\t}\n\n\t.nav--main {\n\t\tleft: -3.2rem;\n\t\tright: -3.2rem;\n\t}\n\n\t\t.nav--main a {\n\t\t\tpadding-left: 3.2rem;\n\t\t\tpadding-right: 3.2rem;\n\t\t}\n\n\t.figure--full,\n\t.resources-table__head {\n\t\tmargin-left: -3.2rem;\n\t\tmargin-right: -3.2rem;\n\t}\n\n\t.figure--full .figure__caption {\n\t\tmargin-left: 3.2rem;\n\t\tmargin-right: 3.2rem;\n\t}\n\n\t.resources-table__head .resources-table__cell:first-child {\n\t\tpadding-left: 3.2rem;\n\t\tpadding-right: 3.2rem;\n\t}\n\n\t.footer__list li {\n\t\tdisplay: list-item;\n\t\tfloat: left;\n\t\tpadding: 0 0.8rem 0 0;\n\t}\n\n\t.footer__list li:after {\n\t\tcontent: '\\2022'; /* bullet dot: '•' */\n\t\tcolor: var( --color-base--subtle );\n\t\tpadding: 0 0 0 0.8rem;\n\t\tfont-weight: 100;\n\t}\n\n\t.footer__list li:last-child:after {\n\t\tcontent: '';\n\t\tpadding: 0;\n\t}\n\n\t.color {\n\t\twidth: 16rem;\n\t\tmargin-right: 2.4rem;\n\t}\n}\n\n/* ... Smartphone landscape ... */\n@media ( min-width: 568px ) {\n\t.lnk--contribute {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbottom: 1.5rem; /* Not on 8px base due to `line-height` setting */\n\t\tright: 3.2rem;\n\t\ttext-align: right;\n\t}\n\n\t.lnk--contribute span {\n\t\tdisplay: inline;\n\t\topacity: 0;\n\t\ttransition: opacity var( --transition-ease-medium );\n\t}\n\n\t.figures-do-dont .figure {\n\t\tmax-width: 61.8%;\n\t}\n\n\t.figure--this-is-for-everyone img,\n\t.figure--trustworthy-yet-joyful img {\n\t\tmax-width: none;\n\t}\n\n\t.figure--illustrations-header {\n\t\tfloat: left;\n\t\twidth: 44.4%;\n\t}\n\n\t.figure--illustrations-header + .figure--illustrations-header {\n\t\twidth: 55.55%;\n\t\tmargin-top: 0.8rem;\n\t}\n\n\t.figure--illustrations-header + .figure--illustrations-header img {\n\t\tmargin-top: 1.6rem;\n\t}\n}\n\n/* ... Tablet ... */\n@media ( min-width: 768px ) {\n\timg {\n\t\tborder-radius: 2px;\n\t}\n\n\t.content-box {\n\t\twidth: 100%;\n\t\tmax-width: 960px;\n\t}\n\n\t.btn--nav-main {\n\t\tdisplay: none;\n\t}\n\n\t.site__title {\n\t\tfloat: left;\n\t\tmargin-left: 0;\n\t}\n\n\t\t.site__title a,\n\t\t.nav--main a {\n\t\t\tpadding-left: 1.6rem;\n\t\t\tpadding-right: 1.6rem;\n\t\t}\n\n\t.lnk--contribute span {\n\t\tdisplay: inline;\n\t\topacity: 1;\n\t}\n\n\t.col--start {\n\t\twidth: 20.8rem;\n\t\tz-index: 1;\n\t\ttransition: width var( --transition-ease-medium );\n\t}\n\n\t.col--end {\n\t\tmargin-left: -20.8rem;\n\t\tpadding-left: 24rem; /* = 22.4 + (2 * 1.6 padding) */\n\t}\n\n\t.nav--main {\n\t\tleft: auto;\n\t\tright: auto;\n\t}\n\n\t.figure--full,\n\t.figure--full .figure__caption {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t/* Comparison figures, for example in Apps section. */\n\t.figure--comparison {\n\t\tmargin-right: 4%;\n\t}\n\n\t.figure--comparison:last-child {\n\t\tmargin-right: 0;\n\t}\n\n\t/* Two figures */\n\t.figure--comparison:first-child:nth-last-child( 2 ),\n\t.figure--comparison:first-child:nth-last-child( 2 ) ~ .figure--comparison {\n\t\twidth: 48%;\n\t}\n\n\t/* Three figures */\n\t.figure--comparison:first-child:nth-last-child( 3 ),\n\t.figure--comparison:first-child:nth-last-child( 3 ) ~ .figure--comparison {\n\t\twidth: 30%;\n\t}\n\n\t.figures-do-dont .figure {\n\t\tfloat: left;\n\t\twidth: 50%;\n\t}\n\n\t.color-palette--base .color:nth-child( 3n+4 ) {\n\t\tclear: unset;\n\t}\n\n\t/* ... “Illustrations” ... */\n\t.illustrations-case-study img {\n\t\tfloat: left;\n\t\twidth: 33.33%;\n\t}\n\n\t.page--components figure {\n\t\tmargin-left: 6.4rem;\n\t}\n}\n\n/* ... Tablet+ / Netbook ... */\n@media ( min-width: 992px ) {\n\t.content-box {\n\t\twidth: 100%;\n\t\tmax-width: var( --width-site-desktop-wide );\n\t}\n\n\t.site__title a,\n\t.nav--main a {\n\t\tpadding-left: 3.2rem;\n\t\tpadding-right: 3.2rem;\n\t}\n\n\t.col--start {\n\t\twidth: 24rem;\n\t}\n\n\t.col--end {\n\t\tmargin-left: -24rem;\n\t\tpadding-left: 27.2rem; /* = 24 + (2 * 1.6 padding) */\n\t}\n\n\t.color-palette--overview:first-child {\n\t\tmargin-top: 2.4rem;\n\t}\n\n\t.color {\n\t\tmargin-right: 2.4rem;\n\t}\n\n\t\t.color-palette--base .color {\n\t\t\tmargin-right: 1.35rem;\n\t\t}\n\n\t\t.color-palette--overview.color-palette--base .color--emphasized {\n\t\t\tmargin-right: 1.35rem;\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t.color-palette--overview.color-palette--red:before,\n\t.color-palette--overview.color-palette--red:after,\n\t.color-palette--overview.color-palette--green:before,\n\t.color-palette--overview.color-palette--green:after {\n\t\tcontent: '';\n\t\tdisplay: none;\n\t}\n\n\t.color-palette--overview.color-palette--red:after,\n\t.color-palette--overview.color-palette--green:after,\n\t.color-section .color:nth-child( 3n+4 ) {\n\t\tclear: both;\n\t}\n\n\t/* ... Resources ... */\n\t.resources-table__body .resources-table__cell {\n\t\ttransition: background-color var( --transition-ease-medium );\n\t}\n\n\t\t.resources-table__body:hover .resources-table__cell {\n\t\t\tbackground-color: #f8f9fa;\n\t\t}\n\n\t\t.resources-table__head .resources-table__cell:first-child,\n\t\t.resources-table__body .resources-table__cell:first-child {\n\t\t\tpadding-left: 1.6rem;\n\t\t}\n}\n\n@media ( min-width: 1200px ) {\n\t.content-box {\n\t\twidth: var( --width-site-desktop-wide );\n\t}\n\n\t.col--start {\n\t\twidth: 25.6rem;\n\t}\n\n\t.col--end {\n\t\tmargin-left: -25.6rem;\n\t\tpadding-left: 28.8rem; /* = 25.6 + (2 * 1.6 padding) */\n\t}\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../../node_modules/normalize.css/normalize.css","../partials/fonts.css","../wmui-style-guide.dev.css"],"names":[],"mappings":"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CD,CAED,sBACC,YACD,CAEA,aACC,mBAAoB,CACpB,oBACD,CAEA,sBAEC,UACD,CAEA,qCAEC,mBAAoB,CACpB,oBACD,CAEA,+BACC,kBAAmB,CACnB,mBACD,CAEA,sEAIC,gBAAiB,CACjB,iBAAkB,CAFlB,eAAgB,CADhB,UAID,CAEA,kCACC,UACD,CAEA,4HAEC,YACD,CAEA,OACC,WACD,CAEA,4CACC,UACD,CAEA,4BACC,mBACD,CAEA,gEAEC,kBAAoB,CADpB,mBAED,CAEA,yBACC,kBACD,CACD,CAGA,yBACC,aACC,mBAAoB,CACpB,oBACD,CAEA,WACC,YAAa,CACb,aACD,CAEC,aACC,mBAAoB,CACpB,oBACD,CAED,qCAEC,mBAAoB,CACpB,oBACD,CAEA,+BACC,kBAAmB,CACnB,mBACD,CAEA,0DACC,mBAAoB,CACpB,oBACD,CAEA,iBACC,iBAAkB,CAClB,UAAW,CACX,mBACD,CAEA,uBAEC,aAAkC,CADlC,eAAgB,CAGhB,eAAgB,CADhB,mBAED,CAEA,kCACC,UAAW,CACX,SACD,CAEA,OAEC,mBAAoB,CADpB,WAED,CACD,CAGA,yBACC,iBAGC,aAAc,CAFd,aAAc,CACd,iBAAkB,CAElB,YAAa,CACb,gBACD,CAEA,sBACC,cAAe,CACf,SAAU,CACV,+BAAmD,CAAnD,uBACD,CAEA,yBACC,eACD,CAEA,sEAEC,cACD,CAEA,8BACC,UAAW,CACX,WACD,CAEA,4DAEC,gBAAkB,CADlB,YAED,CAEA,gEACC,iBACD,CACD,CAGA,yBACC,IACC,iBACD,CAEA,aAEC,eAAgB,CADhB,UAED,CAEA,eACC,YACD,CAEA,aACC,UAAW,CACX,aACD,CAEC,4BAEC,mBAAoB,CACpB,oBACD,CAED,sBACC,cAAe,CACf,SACD,CAEA,YAGC,6BAAiD,CAAjD,qBAAiD,CAFjD,aAAc,CACd,SAED,CAEA,UACC,oBAAqB,CACrB,kBACD,CAEA,WACC,SAAU,CACV,UACD,CAEA,6CAEC,aAAc,CACd,cACD,CAGA,oBACC,eACD,CAEA,+BACC,cACD,CAGA,wHAEC,SACD,CAGA,wHAEC,SACD,CAEA,yBACC,UAAW,CACX,SACD,CAEA,4CACC,WACD,CAGA,8BACC,UAAW,CACX,YACD,CAEA,yBACC,kBACD,CACD,CAGA,yBACC,aAEC,gBAA2C,CAD3C,UAED,CAEA,4BAEC,mBAAoB,CACpB,oBACD,CAEA,YACC,WACD,CAEA,UACC,kBAAmB,CACnB,oBACD,CAEA,qCACC,iBACD,CAEA,OACC,mBACD,CAEC,4BACC,oBACD,CAEA,gEAEC,aAAc,CADd,oBAED,CAED,8MAIC,UAAW,CACX,YACD,CAEA,4IAGC,UACD,CAGA,8CACC,wCAA4D,CAA5D,gCACD,CAEC,oDACC,wBACD,CAEA,oHAEC,mBACD,CACF,CAEA,0BACC,aACC,YACD,CAEA,YACC,aACD,CAEA,UACC,oBAAqB,CACrB,oBACD,CACD","file":"wmui-style-guide.min.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","@font-face {\n\tfont-family: 'Charter';\n\tsrc: url( '../../fonts/Charter_regular.woff2' ) format( 'woff2' ),\n\t\t url( '../../fonts/Charter_regular.woff' ) format( 'woff' );\n\tfont-style: normal;\n\tfont-weight: 400;\n\ttext-rendering: optimizeLegibility; /* Attention: Android Stock Browser <= 4.3 doesn't show web font with this setting, but it also doesn't support WOFF :) */\n}\n\n@font-face {\n\tfont-family: 'Charter';\n\tsrc: url( '../../fonts/Charter_bold.woff2' ) format( 'woff2' ),\n\t\t url( '../../fonts/Charter_bold.woff' ) format( 'woff' );\n\tfont-style: normal;\n\tfont-weight: 700;\n\ttext-rendering: optimizeLegibility;\n}\n\n/*\n@font-face {\n\tfont-family: 'Charter';\n\tsrc: url( '../fonts/Charter_italic.woff2' ) format( 'woff2' ),\n\t\t url( '../fonts/Charter_italic.woff' ) format( 'woff' );\n\tfont-style: italic;\n\tfont-weight: 400;\n\ttext-rendering: optimizeLegibility;\n}\n@font-face {\n\tfont-family: 'Charter';\n\tsrc: url( '../fonts/Charter_bold-italic.woff2' ) format( 'woff2' ),\n\t\t url( '../fonts/Charter_bold-italic.woff' ) format( 'woff' );\n\tfont-style: italic;\n\tfont-weight: 700;\n\ttext-rendering: optimizeLegibility;\n}\n*/\n","/* ::: Vendor Imports ::: */\n/* Load files from 'node_modules' folders with postCSS-import plugin.\n * Modules specified in package.json file. */\n@import 'wikimedia-ui-base/wikimedia-ui-base.css';\n@import 'normalize.css';\n\n/* ::: Local Imports ::: */\n@import 'partials/fonts.css';\n\n:root {\n\t--background-color-hr: var( --wmui-color-base80 );\n\t--width-site: 960px;\n\t--width-site-desktop-wide: 1140px;\n\t--border-color-heading: var( --wmui-color-base80 );\n\t--border-width-heading: 3px;\n\t--border-start-blockquote: 4px var( --border-style-base ) var( --wmui-color-base80 );\n\t--outline-color-base--focus: var( --color-primary--focus );\n\t/* HACK; Add Georgia to serif fallback as long as WikimediaUI Base isn't updated. */\n\t--font-family-serif--fallback: Georgia, serif; /* stylelint-disable-line value-keyword-case */\n\t/* Setting bold to `600` as our stack works better with it, only Lato is on the edge.\n\t Helvetica and Arial fallback gracefully to `700`, see T246791. */\n\t--font-weight-bold: var( --font-weight-semi-bold );\n}\n\n* {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\tfont-size: 62.5%;\n}\n\nbody {\n\tbackground-color: var( --wmui-color-base80 ); /* FIXME: var; */\n\tcolor: var( --color-base );\n\tmargin: 0;\n\tfont-family: var( --font-family-system-sans );\n\tfont-size: 1.6rem;\n\tline-height: var( --line-height-base );\n}\n\n\n/* ::: Normalize Browser Rendering Support ::: */\n/* Support IE 9-: Add the correct display as we're relying on\n * normalize v8 which only supports IE 10+. */\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nnav,\nsection {\n\tdisplay: block;\n}\n\n\n/* ::: Text Block-Level Elements ::: */\n/* ... Headings ... */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tcolor: var( --color-base--emphasized );\n\tmargin: 3.2rem 0 0;\n\tline-height: 1.25;\n\ttransition: font-size var( --transition-ease-medium ), font-weight var( --transition-ease-medium );\n}\n\nh2,\nh3,\nh4,\nh5 {\n\tfont-weight: var( --font-weight-bold );\n}\n\nh1,\n.page__title {\n\tfont-family: var( --font-family-serif--fallback ); /* Fallback */\n\tfont-size: 3.2rem;\n\tfont-weight: var( --font-weight-base );\n}\n\nh2 {\n\tborder-bottom: var( --border-width-heading ) var( --border-style-base ) var( --border-color-heading );\n\tpadding-bottom: 2px;\n\tfont-size: 2.4rem;\n}\n\n/* Reduce top margin when introductory headlines are following each other. */\nh2 + h3 {\n\tmargin-top: 1.6rem;\n}\n\nh3 {\n\tfont-size: 2rem;\n}\n\nh4 {\n\tfont-size: 1.8rem;\n}\n\nh5 {\n\tfont-size: 1.6rem;\n}\n\nh6 {\n\tfont-size: 1.6rem;\n\tfont-weight: normal;\n}\n\n/* ... Other Block-Level Elements ... */\nblockquote {\n\tmargin: 1.6rem 0 0;\n\tborder-left: var( --border-start-blockquote );\n\tpadding: 0.8rem 3.2rem;\n\tfont-family: var( --font-family-serif--fallback ); /* Fallback */\n\tfont-size: 2rem;\n\tfont-style: italic;\n}\n\nblockquote cite {\n\tdisplay: block;\n\tmargin-top: 0.8rem;\n\tfont-family: var( --font-family-system-sans );\n\tfont-size: 1.4rem;\n\tfont-style: normal;\n}\n\n\tblockquote cite:before {\n\t\tcontent: '— ';\n\t}\n\ncode,\npre,\n.mw-code {\n\tfont-family: var( --font-family-monospace );\n}\n\nhr {\n\tbackground: var( --background-color-hr );\n\tdisplay: block;\n\theight: 0.8rem;\n\tborder: 0;\n\tmargin: 8rem 0;\n}\n\np {\n\tmargin: 3.2rem 0 0;\n}\n\n\th1 + p,\n\th2 + p,\n\th3 + p,\n\th4 + p,\n\th5 + p,\n\th6 + p,\n\tp + p,\n\tul + p,\n\tp:first-child {\n\t\tmargin: 0.8rem 0 0;\n\t}\n\n\tblockquote + p {\n\t\tmargin-top: 1.6rem;\n\t}\n\npre,\n.mw-code {\n\tbackground-color: var( --background-color-code );\n\tcolor: var( --color-base--emphasized );\n\tborder: var( --border-base );\n\tpadding: 1.2rem 2rem;\n\tfont-size: 1.4rem;\n\twhite-space: pre-wrap;\n}\n\n/* ... Lists ... */\nol,\nul {\n\tmargin: 0.8rem 0;\n\tpadding: 0 0 0 1.8rem; /* Can't remain within our 8px based sizing due to browser defaults */\n}\n\n.content li {\n\tmargin-top: 0.4rem;\n}\n\n\t.content li:first-child {\n\t\tmargin-top: 0;\n\t}\n\n/* ... Images & Figures ... */\nfigure {\n\tmargin: 0.8rem 0 0;\n}\n\nimg {\n\tdisplay: block;\n\tmax-width: 100%;\n\tmargin: 1.6rem 0 0;\n}\n\n.page--components figure {\n\tmargin-left: 6.4rem;\n\tpadding-top: 0.8rem;\n}\n\n.page--components figure img {\n\tmargin-top: 0.8rem;\n}\n\n.is-comparison img {\n\tfloat: left;\n\tmargin-left: 1.2rem;\n}\n\n\t.is-comparison img:first-child {\n\t\tmargin-left: 0;\n\t}\n\n/* ::: Inline Elements ::: */\na {\n\tcolor: var( --color-primary );\n\ttext-decoration: none;\n}\n\n\ta:hover {\n\t\ttext-decoration: underline;\n\t}\n\n\ta:active {\n\t\tcolor: var( --color-primary--active );\n\t}\n\nb,\nstrong {\n\tfont-weight: var( --font-weight-bold );\n}\n\ncode {\n\tbackground-color: var( --background-color-code );\n\tdisplay: inline-block;\n\tpadding: 0.2rem 0.4rem;\n\tfont-size: 1.4rem;\n}\n\nsmall {\n\tfont-size: 1.3rem;\n}\n\nsub,\nsup {\n\tfont-size: 1.1rem;\n}\n\n/* ::: General Classes ::: */\n/* ::: Text for Screen Readers only ::: */\n.is-aural {\n\tdisplay: block;\n\tposition: absolute;\n\tclip: rect( 1px, 1px, 1px, 1px );\n\twidth: 1px;\n\theight: 1px;\n\tmargin: -1px;\n\tborder: 0;\n\tpadding: 0;\n\toverflow: hidden;\n}\n\n\t.is-aural.is-focusable:active,\n\t.is-aural.is-focusable:focus {\n\t\tposition: static;\n\t\tclip: auto;\n\t\twidth: auto;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\ttext-decoration: underline;\n\t\toverflow: visible;\n\t}\n\n.clearfix:before,\n.clearfix:after,\n.page:before,\n.page:after,\n.content-box:before,\n.content-box:after,\n.color-palette:before,\n.color-palette:after,\n.figures-box:before,\n.figures-box:after,\n.figures-do-dont:before,\n.figures-do-dont:after,\n.is-comparison:before,\n.is-comparison:after,\n.content__illustration-style .figure--full:before,\n.content__illustration-style .figure--full:after {\n\tcontent: ' ';\n\tdisplay: table;\n}\n\n.clearfix:after,\n.page:after,\n.content-box:after,\n.color-palette:after,\n.figures-box:after,\n.figures-do-dont:after,\n.is-comparison:after,\n.content__illustration-style .figure--full:after {\n\tclear: both;\n}\n\n/* ::: Text-formatting ::: */\n/* Support Blink based browsers. */\n/* They use `outline` for focus styles, we're only amending the color here, see T245887. */\n:focus {\n\toutline-color: var( --outline-color-base--focus );\n}\n\n.is-complementary,\n.is-subtle {\n\tcolor: var( --color-base--subtle );\n}\n\n.is-complementary {\n\tfont-size: 1.4rem;\n}\n\n::placeholder,\n.is-placeholder {\n\tcolor: var( --color-placeholder );\n\topacity: 1;\n}\n\n.content-box {\n\tposition: relative;\n\tmargin-right: auto;\n\tmargin-left: auto;\n\tpadding-left: 1.6rem; /* FIXME: var( --grid-padding ); */\n\tpadding-right: 1.6rem;\n}\n\n\n/* ::: Structure ::: */\n.header {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tmin-height: 6.4rem;\n\tline-height: 6.4rem;\n}\n\n\t.site__title {\n\t\tcolor: var( --wmui-color-base10 );\n\t\tmargin-top: 0;\n\t\theight: 6.4rem;\n\t\tfont-family: var( --font-family-system-sans );\n\t\tfont-size: 1.6rem;\n\t\tfont-weight: var( --font-weight-base );\n\t\tletter-spacing: 0.5px;\n\t}\n\n\t\t.site__title a {\n\t\t\tcolor: inherit;\n\t\t\tdisplay: inline-block;\n\t\t\tpadding: 1.2rem 3.2rem 0;\n\t\t\ttransition: color var( --transition-ease-medium );\n\t\t}\n\n\t\t.site__title a:hover {\n\t\t\tcolor: var( --wmui-color-base0 ); /* --color-base-emphasized */\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t.site__org {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.site__project {\n\t\t\tfont-weight: var( --font-weight-bold );\n\t\t}\n\n\t/* ... Navigation button ... */\n\t.btn--nav-main {\n\t\tposition: absolute;\n\t\ttop: 1.2rem;\n\t\twidth: 4.2rem;\n\t\theight: 4.2rem;\n\t\tcursor: pointer;\n\t}\n\n\t/* Fake hamburger icon */\n\t.btn--nav-main i {\n\t\tdisplay: block;\n\t\theight: 4.2rem;\n\t\ttransition: color var( --transition-ease-medium ), box-shadow var( --transition-ease-medium );\n\t}\n\n\t.btn--nav-main i:before,\n\t.btn--nav-main i:after {\n\t\tcontent: '';\n\t\tbackground-color: var( --wmui-color-base20 );\n\t\twidth: 2rem;\n\t\theight: 2px;\n\t\tposition: absolute;\n\t\ttop: 0.4rem;\n\t\tleft: 0;\n\t}\n\n\t.btn--nav-main i:after {\n\t\ttop: 1.1rem;\n\t\tbox-shadow: 0 0.7rem 0 var( --wmui-color-base20 );\n\t}\n\n\t.btn--nav-main i:hover:before,\n\t.btn--nav-main i:hover:after {\n\t\tbackground-color: var( --wmui-color-base0 ); /* --color-base-emphasized */\n\t}\n\n\t.btn--nav-main i:hover:after {\n\t\tbox-shadow: 0 0.7rem 0 var( --wmui-color-base0 );\n\t}\n\n\t.btn--nav-main span {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tclip: rect( 1px, 1px, 1px, 1px );\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t}\n\n\t/* ... GitHub Contribute Link ... */\n\t.lnk--contribute {\n\t\tfont-size: 1.4rem;\n\t\tline-height: 1.4rem; /* Derive slightly from template for cross-browser compliance */\n\t}\n\n\n/* ... Content ... */\n.page {\n\tbackground-color: var( --background-color-base );\n\tposition: relative;\n\tmargin-top: 6.4rem;\n\tpadding: 6.4rem 0;\n\tbox-shadow: 0 1px 4px 0 rgba( 0, 0, 0, 0.25 );\n\toverflow-y: hidden;\n}\n\n.content {\n\tfloat: left;\n}\n\n.col {\n\tfloat: left;\n\tposition: relative;\n\tmin-height: 1px;\n}\n\n\t.col--start {\n\t\tpadding: 0;\n\t}\n\n\t.col--end {\n\t\tpadding: 0;\n\t}\n\n/* ... Main Navigation ... */\n.nav--main {\n\tbackground-color: var( --background-color-base ); /* needed for menu appearance on mobile below */\n\t/* margin-top: 6.4rem; */\n}\n\n.nav--main li:not( .is-on ) ul,\n.trigger--nav-main {\n\tdisplay: none;\n}\n\n.nav--main ol,\n.nav--main ul {\n\tpadding: 0;\n}\n\n.nav--main ol:first-child {\n\tmargin: 0;\n}\n\n.nav--main li {\n\tpadding: 0;\n\tlist-style: none none;\n}\n\n.nav--main > ol > li {\n\tmargin-bottom: 0.4rem;\n}\n\n.nav--main a {\n\tcolor: var( --color-base );\n\tdisplay: block;\n\tpadding: 0.8rem 1.2rem;\n\tfont-size: 1.6rem;\n\ttext-decoration: none;\n\ttransition: background-color var( --transition-ease-medium ), color var( --transition-ease-medium ), padding var( --transition-ease-medium );\n}\n\n.nav--main a:hover,\n.nav--main a:focus {\n\tbackground-color: var( --background-color-code );\n\tcolor: var( --color-base--emphasized );\n}\n\n.nav--main .is-on > a {\n\tbackground-color: var( --background-color-primary );\n\tcolor: var( --color-primary );\n\t/* border-left: 2px solid var( --color-primary ); */\n\tborder-radius: var( --border-radius-base );\n\tfont-weight: var( --font-weight-bold );\n\tcursor: default;\n}\n\n.nav__sub-items {\n\tmargin-top: 1.2rem;\n\tmargin-bottom: 1em; /* FIXME: replace with rem and mt */\n}\n\n.nav__sub-items > .nav__sub-item {\n\tmargin-left: 3.6rem;\n}\n\n.nav--main .nav__sub-items ul {\n\tmargin: 0;\n}\n\n.nav--main .nav__sub-items a { /* stylelint-disable-line no-descending-specificity */\n\tcolor: var( --wmui-color-base20 );\n\tborder-left: var( --border-width-base ) solid var( --wmui-color-base80 );\n border-radius: 0 var( --border-radius-base ) var( --border-radius-base ) 0;\n\tpadding-left: 1.6rem;\n\tfont-size: 1.4rem;\n\ttransition: background-color var( --transition-ease-medium ), color var( --transition-ease-medium );\n}\n\n.nav--main .nav__sub-item.is-on > a {\n\tbackground-color: var( --background-color-base );\n\tcolor: var( --color-base--active );\n\tborder-left-color: var( --wmui-color-base0 );\n\tfont-weight: var( --font-weight-bold );\n}\n\n.nav--main .nav__sub-item .nav__sub-item a {\n\tpadding-left: 3.6rem;\n}\n\n\n/* ::: Content ::: */\n.page__parent-title {\n\tcolor: var( --color-base--subtle );\n\tmargin-top: -2.8rem;\n}\n\n.page__title {\n\tmargin-top: -0.8rem;\n}\n\n.page__parent-title + .page__title {\n\tmargin-top: -0.4rem;\n}\n\n.page__tagline {\n\tmargin-top: 1.2rem;\n\tfont-size: 2rem;\n\tfont-style: italic;\n\tfont-weight: var( --font-weight-hairline );\n}\n\n/* Remove, doesn't provide good styling\n.page__lead {\n\tfont-size: 1.8rem;\n}\n*/\n\n.figures--full {\n\tbackground-color: var( --wmui-color-base90 );\n}\n\n.figure--centered .figure__image {\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.figure__caption,\n.heading__description {\n\tcolor: var( --color-base--subtle );\n\tclear: both;\n\tdisplay: block;\n\tfont-size: 1.3rem;\n}\n\n.figure__caption {\n\tpadding-top: 0.8rem; /* `padding-top` due to usage with floated images in figure above */\n\tfont-style: italic;\n}\n\n\t.figure__caption:empty {\n\t\tdisplay: none;\n\t}\n\n.heading__description {\n\tfloat: right;\n\tmargin-top: -1.9rem;\n}\n\n\t.heading__description + * {\n\t\tclear: both;\n\t}\n\n/* ... Comparison Figures ... */\n.figure--comparison {\n\tfloat: left;\n}\n\n/* ... “Do” & “Don't” figures ... */\n.figures-do-dont {\n\tmargin-top: 1.6rem;\n}\n\n.figures-do-dont .figure {\n\tbackground-color: var( --wmui-color-base80 );\n\tborder-top-left-radius: var( --border-radius-base );\n\tborder-top-right-radius: var( --border-radius-base );\n}\n\n.figures-do-dont .figure--dont {\n\tborder-left: var( --border-width-base ) solid var( --color-base--inverted );\n}\n\n.figures-do-dont .figure__caption {\n\tbackground-color: var( --color-base--inverted );\n\tdisplay: block;\n\tborder-top-width: 0.8rem;\n\tborder-top-style: solid;\n\tpadding-right: 0.8em;\n}\n\n.figure--do .figure__caption,\n.do {\n\tborder-top-color: var( --color-secondary );\n}\n\n.figure--dont .figure__caption,\n.dont {\n\tborder-top-color: var( --color-destructive );\n}\n\n.do,\n.dont {\n\tfont-style: normal;\n\tfont-weight: var( --font-weight-bold );\n}\n\n\t.do:before,\n\t.dont:before {\n\t\tdisplay: inline-block;\n\t\tmargin-right: 0.4rem;\n\t\tpadding-top: 0.4rem;\n\t\tfont-size: 2.1rem;\n\t\tline-height: 1rem;\n\t\tvertical-align: top;\n\t}\n\n.do {\n\tcolor: var( --color-success );\n}\n\n\t.do:before {\n\t\tcontent: '✓';\n\t}\n\n.dont {\n\tcolor: var( --color-destructive );\n}\n\n\t.dont:before {\n\t\tcontent: '×';\n\t}\n\n/* ... Notes ... */\n.note--a11y:before,\n.note--i18n:before {\n\tcontent: '';\n\tbackground-image: url( ../../resources/WikimediaUI-icons-SVGs/eye.svg );\n\tbackground-repeat: no-repeat;\n\topacity: var( --opacity-icon-accessory );\n\tdisplay: inline-block;\n\twidth: 2.4rem;\n\theight: 2rem;\n\tvertical-align: text-top;\n}\n\n\n/* ... Color ... */\n.color-palette {\n\tmargin: 2.4rem 0 0;\n\tpadding: 0;\n}\n\n.color-palette + .color-palette {\n\tmargin-top: 0;\n}\n\n.color-palette + p {\n\tmargin-top: 1.6rem;\n}\n\n.color {\n\tcolor: var( --color-base--emphasized );\n\tlist-style: none none;\n\tdisplay: block;\n\tfloat: left;\n\tposition: relative;\n\twidth: 61.8%;\n\theight: 16rem;\n\tmargin-bottom: 3.2rem;\n\tpadding: 1.2rem;\n\tborder: var( --border-width-base ) var( --border-style-base ) var( --border-color-inset--focus );\n\tborder-radius: var( --border-radius-base );\n\tfont-size: 1.4rem;\n}\n\n\t.color--dark,\n\t.color__wcag-level span {\n\t\tcolor: var( --color-base--inverted );\n\t}\n\n\t.color--dark .color__wcag-level span {\n\t\tcolor: var( --color-base--emphasized );\n\t}\n\n\t.color-palette .color:first-child {\n\t\tmargin-top: 0.4rem;\n\t}\n\n\t.color-palette--overview .color {\n\t\twidth: 6.4rem;\n\t\theight: 6.2rem;\n\t\tmargin-top: 0.8rem;\n\t\tmargin-right: 1.2rem;\n\t\tmargin-bottom: 2.4rem;\n\t\tborder-radius: 3.2rem;\n\t\tcursor: default;\n\t}\n\n\t.color-palette--overview .color:first-child {\n\t\tmargin-top: 0.8rem;\n\t}\n\n\t.color-palette--overview .color--emphasized {\n\t\twidth: 7.2rem;\n\t\theight: 7rem;\n\t\tmargin-top: 0;\n\t\tborder-radius: 7.2rem;\n\t\tpadding-top: 2rem;\n\t}\n\n\t.color-palette--base .color {\n\t\tmargin-right: 1.35rem;\n\t}\n\n\t.color-section .color .color-code--hsb {\n\t\ttransition: opacity var( --transition-ease-medium );\n\t}\n\n\t\t.color-section .color:hover .color-code--hsb {\n\t\t\topacity: 1;\n\t\t}\n\n\t.color__name {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbottom: 1.2rem;\n\t\tleft: 1.2rem;\n\t\tfont-size: 3.2rem;\n\t\tfont-weight: var( --font-weight-hairline );\n\t}\n\n\t\t.color-palette--overview .color__name {\n\t\t\tposition: relative;\n\t\t\tbottom: auto;\n\t\t\tleft: auto;\n\t\t\tpadding-top: 1.2rem;\n\t\t\tfont-size: 2.4rem;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t.color__type,\n\t\t.color-code.color-code--rgb,\n\t\t.color-palette--overview .color__name,\n\t\t.color-palette--overview .color-code {\n\t\t\tdisplay: none;\n\t\t}\n\n\t.color-code {\n\t\tbackground-color: inherit;\n\t\tdisplay: block;\n\t\tpadding: 0;\n\t\tfont-family: var( --font-family-system-sans );\n\t}\n\n\t\t.color-code--hsb {\n\t\t\topacity: 0;\n\t\t}\n\n@supports ( --css: variables ) {\n\t.color-hint {\n\t\twhite-space: nowrap;\n\t}\n\n\t.color-hint:before {\n\t\tcontent: '';\n\t\tbackground-color: var( --color-hint );\n\t\tdisplay: inline-block;\n\t\twidth: 1.2rem;\n\t\theight: 1.2rem;\n\t\tmargin: 0 0.4rem 0.3rem 0.2rem;\n\t\tborder-radius: 50%;\n\t\tvertical-align: text-bottom;\n\t\tcursor: help;\n\t}\n\n\t.color-hint--base100:before {\n\t\tborder: var( --border-base );\n\t}\n}\n\n\n/* ... Icon ... */\n.icon {\n\tdisplay: inline-block;\n\twidth: 2rem;\n\theight: 2rem;\n\tmargin: 0 0.2rem;\n\tvertical-align: text-bottom;\n}\n\n\t.icon--indicator {\n\t\twidth: 1.2rem;\n\t\theight: 1.2rem;\n\t\tmargin-bottom: 0.2rem;\n\t}\n\n\t.icon--intermediate {\n\t\twidth: 1.6rem;\n\t\theight: 1.6rem;\n\t\tmargin-bottom: 0.2rem;\n\t}\n\n\n/* ... Components ... */\n/*\n.page--components h2 {\n\tborder-bottom: 0;\n\tpadding-bottom: 0;\n}\n*/\n.components__designing {\n\tposition: relative;\n}\n\n.components__designing:after {\n\tcontent: '';\n\tbackground: url( ../../img/components/legend_16-8.svg ) no-repeat;\n\tposition: absolute;\n\tbottom: 0;\n\tright: 6.4rem;\n\twidth: 13.2rem;\n\theight: 6.4rem;\n}\n\n/*\n.components__states,\n.components__imagery\n*/\n\n/* Messages */\n.page--components-messages .components__intro {\n\tmax-width: 700px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n/* Override general img border radius for correct Message representation */\n.page--components-messages img {\n\tborder-radius: 0;\n}\n\n\n/* ... Resources ... */\n.resources-table {\n\tdisplay: table;\n\twidth: 100%;\n\tmargin-top: 2.4rem;\n\tborder-collapse: collapse;\n}\n\n.resources-table__head,\n.resources-table__body {\n\tdisplay: table-row;\n\tborder-bottom: 1px solid #a2a9b1;\n}\n\n.resources-table__head {\n\tbackground-color: #eaecf0;\n}\n\n\t.resources-table__head h2 {\n\t\tmargin-top: 0;\n\t\tborder-bottom: 0;\n\t\tpadding-bottom: 0;\n\t\tfont-size: 2.1rem;\n\t\tfont-weight: var( --font-weight-base );\n\t}\n\n.resources-table__cell {\n\tdisplay: table-cell;\n\tpadding: 1.6rem 1.6rem 1.6rem 0;\n}\n\n\t.resources-table__head .resources-table__cell:first-child {\n\t\tpadding-left: 1.6rem;\n\t}\n\n.lnk-resource {\n\twhite-space: nowrap;\n}\n\n/* ::: Footer ::: */\n.footer {\n\tcolor: var( --color-base );\n\tpadding: 2.4rem 0;\n\tfont-size: 1.3rem;\n}\n\n.footer__list {\n\tpadding: 0;\n}\n\n\t.footer__list:first-child {\n\t\tmargin: 0;\n\t}\n\n\t.footer__list:after {\n\t\tcontent: ' ';\n\t\tdisplay: block;\n\t\tclear: both;\n\t}\n\n\t.footer__list li {\n\t\tlist-style: none none;\n\t\tdisplay: block;\n\t\tpadding: 0.8rem 0 0;\n\t}\n\n\t.footer__list li:first-child {\n\t\tpadding-top: 0;\n\t}\n\n\t.footer__list + p {\n\t\tmargin-top: 1.2rem;\n\t}\n\n\t.footer__list--connect a {\n\t\tfont-weight: var( --font-weight-bold );\n\t}\n\n.lnk--wikimedia-project {\n\tdisplay: inline-block;\n\tpadding: 0.4rem 0;\n\ttext-transform: uppercase;\n}\n\n\n/* ::: Page-specific Styles ::: */\n/* ... Homepage ... */\n.page--home .page__title {\n\tborder: 0;\n\tpadding: 0;\n}\n\n/* ... “Design principles – Accessibility” ... */\n.page--design-principles-accessibility .nav--main .is-on > a {\n\tcursor: pointer;\n}\n\n.page--design-principles-accessibility h3 {\n\tpadding-right: 15%;\n}\n\n/* ... “Typography” ... */\n.page--visual-style-typography .figures-do-dont .figure__contents {\n\tpadding: 4.2rem 3.6rem;\n}\n\n.figures-do-dont--contrast .figure--dont {\n\tcolor: var( --wmui-color-base50 );\n}\n\n/* ... Typography Styles ... */\n\n.typography-styles dt {\n\tdisplay: inline-block;\n\tcolor: var( --color-base--subtle );\n\tmin-width: 10rem;\n\tmargin: 0 0 3.2rem 1.6rem; /* Need to rely on `margin-bottom` here for vertical alignment */\n\tfont-size: 1.3rem;\n\tfont-weight: var( --font-weight-bold );\n\tvertical-align: top;\n}\n\n.typography-styles .typography-styles__blockquote {\n\tmargin-bottom: 4.8rem;\n}\n\n.typography-styles .typography-styles__code {\n\tmargin-bottom: 0;\n}\n\n.typography-styles dd {\n\tdisplay: inline;\n}\n\n.typography-styles dd > * {\n\tdisplay: inline-block;\n\tmargin-top: 0; /* Remove `margin` from elements like paragraphs and list elements */\n}\n\n.typography-styles .figure__caption {\n\tpadding-top: 0; /* Remove `padding` from elements like figure caption */\n}\n\n.typography-styles dd:after {\n content: '\\A';\n white-space: pre;\n}\n\n.typography-styles + hr {\n\tmargin-top: 4rem;\n\tmargin-bottom: 4rem;\n}\n\n/* ... “Icons” ... */\n.page--visual-style-icons img { /* FIXME: generalize image styles */\n\tbackground-color: var( --wmui-color-base80 ); /* FIXME: var; */\n\tpadding: 2.4rem;\n}\n\n\n/* ::: Dynamic content ::: */\n.fonts-loaded cite,\n.fonts-loaded .site__title,\n.fonts-loaded .color-code {\n\tfont-family: var( --font-family-system-sans );\n}\n\n/* ::: Text Block-Level Elements ::: */\n.fonts-loaded .page__title,\n.fonts-loaded blockquote,\n.fonts-loaded .typography-styles h1 {\n\tfont-family: 'Charter', Georgia, serif; /* stylelint-disable-line font-family-name-quotes */\n}\n\n\n/* ::: Media Queries ::: */\n/* ... Smartphone only ... */\n@media ( max-width: 767px ) {\n\t.nav--main {\n\t\tposition: absolute;\n\t\ttop: -3.2rem;\n\t\tleft: -1.6rem;\n\t\tright: -1.6rem;\n\t\tpadding-bottom: 1.6rem;\n\t\tbox-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ); /* FIXME: Update wmui-base */\n\t\tz-index: 1;\n\t\ttransform: translateY( -200% );\n\t\ttransition: left var( --transition-ease-medium ), right var( --transition-ease-medium ), transform var( --transition-ease-medium );\n\t}\n\n\t.trigger--nav-main:checked + .nav--main {\n\t\ttransform: translateY( 0 );\n\t}\n\n\t.page__title {\n\t\tmargin-top: -0.4rem;\n\t\tfont-size: 2.8rem;\n\t}\n\n\t.typography-styles dt {\n\t\tdisplay: block;\n\t\tmargin-left: 0;\n\t}\n\n\t.figure--comparison {\n\t\twidth: 100%;\n\t}\n\n\t/* ... Components ... */\n\t.page--components .components__states {\n\t\tmargin-left: 0;\n\t}\n\n\t/* ... Resources ... */\n\t.resources-table,\n\t.resources-table__head,\n\t.resources-table__body,\n\t.resources-table__cell {\n\t\tdisplay: block;\n\t}\n\n\t.resources-table__head {\n\t\tmargin-left: -1.6rem;\n\t\tmargin-right: -1.6rem;\n\t}\n\n\t.resources-table__head .resources-table__cell:empty {\n\t\tdisplay: none;\n\t}\n\n\t.resources-table__body {\n\t\tpadding-left: 0;\n\t}\n\n\t.resources-table__cell {\n\t\tpadding-top: 0.8rem;\n\t\tpadding-bottom: 0.8rem;\n\t}\n}\n\n/* ... Smartphone portrait ... */\n@media ( min-width: 240px ) {\n\t.content-box,\n\t.site__title a,\n\t.nav--main a {\n\t\ttransition-property: background-color, padding;\n\t\ttransition-duration: var( --transition-ease-medium );\n\t}\n\n\t.site__title {\n\t\tmargin-left: 4.2rem;\n\t}\n\n\t\t.site__title a {\n\t\t\tpadding-left: 0;\n\t\t}\n\n\t.lnk--contribute span {\n\t\tdisplay: none;\n\t}\n\n\t.nav--main a {\n\t\tpadding-left: 1.6rem;\n\t\tpadding-right: 1.6rem;\n\t}\n\n\t.col--start,\n\t.col--end {\n\t\twidth: 100%;\n\t}\n\n\t.figure--full,\n\t.resources-table__head {\n\t\tmargin-left: -1.6rem;\n\t\tmargin-right: -1.6rem;\n\t}\n\n\t.figure--full .figure__caption {\n\t\tmargin-left: 1.6rem;\n\t\tmargin-right: 1.6rem;\n\t}\n\n\t.figure--this-is-for-everyone img,\n\t.figure--trustworthy-yet-joyful img {\n\t\twidth: 100%;\n\t\tmax-width: 568px;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n\n\t.figure--illustrations-header img {\n\t\twidth: 100%;\n\t}\n\n\t.figure--illustrations-header + .figure--illustrations-header,\n\t.figure--illustrations-header + .figure--illustrations-header img {\n\t\tmargin-top: 0;\n\t}\n\n\t.color {\n\t\twidth: 61.8%;\n\t}\n\n\t.color-palette--base .color:nth-child( 3n+4 ) {\n\t\tclear: both;\n\t}\n\n\t.color-palette--base .color {\n\t\tmargin-right: 1.6rem;\n\t}\n\n\t.color-palette--overview.color-palette--base .color--emphasized {\n\t\tmargin-right: 1.1rem;\n\t\tmargin-left: -0.2rem;\n\t}\n\n\t.page--components figure {\n\t\tmargin-left: 4.2rem;\n\t}\n}\n\n/* ... Smartphone+ portrait ... */\n@media ( min-width: 414px ) {\n\t.content-box {\n\t\tpadding-left: 3.2rem;\n\t\tpadding-right: 3.2rem;\n\t}\n\n\t.nav--main {\n\t\tleft: -3.2rem;\n\t\tright: -3.2rem;\n\t}\n\n\t\t.nav--main a {\n\t\t\tpadding-left: 3.2rem;\n\t\t\tpadding-right: 3.2rem;\n\t\t}\n\n\t.figure--full,\n\t.resources-table__head {\n\t\tmargin-left: -3.2rem;\n\t\tmargin-right: -3.2rem;\n\t}\n\n\t.figure--full .figure__caption {\n\t\tmargin-left: 3.2rem;\n\t\tmargin-right: 3.2rem;\n\t}\n\n\t.resources-table__head .resources-table__cell:first-child {\n\t\tpadding-left: 3.2rem;\n\t\tpadding-right: 3.2rem;\n\t}\n\n\t.footer__list li {\n\t\tdisplay: list-item;\n\t\tfloat: left;\n\t\tpadding: 0 0.8rem 0 0;\n\t}\n\n\t.footer__list li:after {\n\t\tcontent: '\\2022'; /* bullet dot: '•' */\n\t\tcolor: var( --color-base--subtle );\n\t\tpadding: 0 0 0 0.8rem;\n\t\tfont-weight: 100;\n\t}\n\n\t.footer__list li:last-child:after {\n\t\tcontent: '';\n\t\tpadding: 0;\n\t}\n\n\t.color {\n\t\twidth: 16rem;\n\t\tmargin-right: 2.4rem;\n\t}\n}\n\n/* ... Smartphone landscape ... */\n@media ( min-width: 568px ) {\n\t.lnk--contribute {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbottom: 1.5rem; /* Not on 8px base due to `line-height` setting */\n\t\tright: 3.2rem;\n\t\ttext-align: right;\n\t}\n\n\t.lnk--contribute span {\n\t\tdisplay: inline;\n\t\topacity: 0;\n\t\ttransition: opacity var( --transition-ease-medium );\n\t}\n\n\t.figures-do-dont .figure {\n\t\tmax-width: 61.8%;\n\t}\n\n\t.figure--this-is-for-everyone img,\n\t.figure--trustworthy-yet-joyful img {\n\t\tmax-width: none;\n\t}\n\n\t.figure--illustrations-header {\n\t\tfloat: left;\n\t\twidth: 44.4%;\n\t}\n\n\t.figure--illustrations-header + .figure--illustrations-header {\n\t\twidth: 55.55%;\n\t\tmargin-top: 0.8rem;\n\t}\n\n\t.figure--illustrations-header + .figure--illustrations-header img {\n\t\tmargin-top: 1.6rem;\n\t}\n}\n\n/* ... Tablet ... */\n@media ( min-width: 768px ) {\n\timg {\n\t\tborder-radius: 2px;\n\t}\n\n\t.content-box {\n\t\twidth: 100%;\n\t\tmax-width: 960px;\n\t}\n\n\t.btn--nav-main {\n\t\tdisplay: none;\n\t}\n\n\t.site__title {\n\t\tfloat: left;\n\t\tmargin-left: 0;\n\t}\n\n\t\t.site__title a,\n\t\t.nav--main a {\n\t\t\tpadding-left: 1.6rem;\n\t\t\tpadding-right: 1.6rem;\n\t\t}\n\n\t.lnk--contribute span {\n\t\tdisplay: inline;\n\t\topacity: 1;\n\t}\n\n\t.col--start {\n\t\twidth: 20.8rem;\n\t\tz-index: 1;\n\t\ttransition: width var( --transition-ease-medium );\n\t}\n\n\t.col--end {\n\t\tmargin-left: -20.8rem;\n\t\tpadding-left: 24rem; /* = 22.4 + (2 * 1.6 padding) */\n\t}\n\n\t.nav--main {\n\t\tleft: auto;\n\t\tright: auto;\n\t}\n\n\t.figure--full,\n\t.figure--full .figure__caption {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t/* Comparison figures, for example in Apps section. */\n\t.figure--comparison {\n\t\tmargin-right: 4%;\n\t}\n\n\t.figure--comparison:last-child {\n\t\tmargin-right: 0;\n\t}\n\n\t/* Two figures */\n\t.figure--comparison:first-child:nth-last-child( 2 ),\n\t.figure--comparison:first-child:nth-last-child( 2 ) ~ .figure--comparison {\n\t\twidth: 48%;\n\t}\n\n\t/* Three figures */\n\t.figure--comparison:first-child:nth-last-child( 3 ),\n\t.figure--comparison:first-child:nth-last-child( 3 ) ~ .figure--comparison {\n\t\twidth: 30%;\n\t}\n\n\t.figures-do-dont .figure {\n\t\tfloat: left;\n\t\twidth: 50%;\n\t}\n\n\t.color-palette--base .color:nth-child( 3n+4 ) {\n\t\tclear: unset;\n\t}\n\n\t/* ... “Illustrations” ... */\n\t.illustrations-case-study img {\n\t\tfloat: left;\n\t\twidth: 33.33%;\n\t}\n\n\t.page--components figure {\n\t\tmargin-left: 6.4rem;\n\t}\n}\n\n/* ... Tablet+ / Netbook ... */\n@media ( min-width: 992px ) {\n\t.content-box {\n\t\twidth: 100%;\n\t\tmax-width: var( --width-site-desktop-wide );\n\t}\n\n\t.site__title a,\n\t.nav--main a {\n\t\tpadding-left: 3.2rem;\n\t\tpadding-right: 3.2rem;\n\t}\n\n\t.col--start {\n\t\twidth: 24rem;\n\t}\n\n\t.col--end {\n\t\tmargin-left: -24rem;\n\t\tpadding-left: 27.2rem; /* = 24 + (2 * 1.6 padding) */\n\t}\n\n\t.color-palette--overview:first-child {\n\t\tmargin-top: 2.4rem;\n\t}\n\n\t.color {\n\t\tmargin-right: 2.4rem;\n\t}\n\n\t\t.color-palette--base .color {\n\t\t\tmargin-right: 1.35rem;\n\t\t}\n\n\t\t.color-palette--overview.color-palette--base .color--emphasized {\n\t\t\tmargin-right: 1.35rem;\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t.color-palette--overview.color-palette--red:before,\n\t.color-palette--overview.color-palette--red:after,\n\t.color-palette--overview.color-palette--green:before,\n\t.color-palette--overview.color-palette--green:after {\n\t\tcontent: '';\n\t\tdisplay: none;\n\t}\n\n\t.color-palette--overview.color-palette--red:after,\n\t.color-palette--overview.color-palette--green:after,\n\t.color-section .color:nth-child( 3n+4 ) {\n\t\tclear: both;\n\t}\n\n\t/* ... Resources ... */\n\t.resources-table__body .resources-table__cell {\n\t\ttransition: background-color var( --transition-ease-medium );\n\t}\n\n\t\t.resources-table__body:hover .resources-table__cell {\n\t\t\tbackground-color: #f8f9fa;\n\t\t}\n\n\t\t.resources-table__head .resources-table__cell:first-child,\n\t\t.resources-table__body .resources-table__cell:first-child {\n\t\t\tpadding-left: 1.6rem;\n\t\t}\n}\n\n@media ( min-width: 1200px ) {\n\t.content-box {\n\t\twidth: var( --width-site-desktop-wide );\n\t}\n\n\t.col--start {\n\t\twidth: 25.6rem;\n\t}\n\n\t.col--end {\n\t\tmargin-left: -25.6rem;\n\t\tpadding-left: 28.8rem; /* = 25.6 + (2 * 1.6 padding) */\n\t}\n}\n"]}
\ No newline at end of file
diff --git a/img/components/button_groups_intro.png b/img/components/button_groups_intro.png
new file mode 100644
index 00000000..d8473d12
Binary files /dev/null and b/img/components/button_groups_intro.png differ
diff --git a/img/components/button_groups_states.png b/img/components/button_groups_states.png
new file mode 100644
index 00000000..7bb32b87
Binary files /dev/null and b/img/components/button_groups_states.png differ
diff --git a/img/components/button_groups_states.svg b/img/components/button_groups_states.svg
index a9cffd4f..502c3414 100644
--- a/img/components/button_groups_states.svg
+++ b/img/components/button_groups_states.svg
@@ -5,9 +5,9 @@
-
-
-
+
+
+
@@ -155,16 +155,16 @@
Talk
-
-
+
+
-
-
+
+
-
-
+
+
diff --git a/img/components/buttons_designing.png b/img/components/buttons_designing.png
new file mode 100644
index 00000000..cbebcc7f
Binary files /dev/null and b/img/components/buttons_designing.png differ
diff --git a/img/components/buttons_designing.svg b/img/components/buttons_designing.svg
index 37894395..bc223f34 100644
--- a/img/components/buttons_designing.svg
+++ b/img/components/buttons_designing.svg
@@ -10,7 +10,7 @@
-
+
diff --git a/img/components/buttons_normal_and_primary_states.png b/img/components/buttons_normal_and_primary_states.png
new file mode 100644
index 00000000..daf03a6c
Binary files /dev/null and b/img/components/buttons_normal_and_primary_states.png differ
diff --git a/img/components/buttons_normal_and_primary_states.svg b/img/components/buttons_normal_and_primary_states.svg
index 6e8a2300..75748803 100644
--- a/img/components/buttons_normal_and_primary_states.svg
+++ b/img/components/buttons_normal_and_primary_states.svg
@@ -55,9 +55,9 @@
-
-
-
+
+
+
@@ -147,16 +147,16 @@
Normal
-
-
+
+
-
-
+
+
-
-
+
+
diff --git a/img/components/buttons_normal_intro.png b/img/components/buttons_normal_intro.png
new file mode 100644
index 00000000..3510f7eb
Binary files /dev/null and b/img/components/buttons_normal_intro.png differ
diff --git a/img/components/buttons_primary_destructive_intro.png b/img/components/buttons_primary_destructive_intro.png
new file mode 100644
index 00000000..0ffddfbe
Binary files /dev/null and b/img/components/buttons_primary_destructive_intro.png differ
diff --git a/img/components/buttons_primary_progressive_intro.png b/img/components/buttons_primary_progressive_intro.png
new file mode 100644
index 00000000..5a335fa7
Binary files /dev/null and b/img/components/buttons_primary_progressive_intro.png differ
diff --git a/img/components/buttons_quiet_states.png b/img/components/buttons_quiet_states.png
new file mode 100644
index 00000000..9c583205
Binary files /dev/null and b/img/components/buttons_quiet_states.png differ
diff --git a/img/components/buttons_quiet_states.svg b/img/components/buttons_quiet_states.svg
index c614efe8..fdd399e6 100644
--- a/img/components/buttons_quiet_states.svg
+++ b/img/components/buttons_quiet_states.svg
@@ -55,9 +55,9 @@
-
-
-
+
+
+
@@ -147,16 +147,16 @@
-
-
+
+
-
-
+
+
-
-
+
+
Normal Hover Active Focus Disabled
diff --git a/img/components/buttons_toggle_intro.png b/img/components/buttons_toggle_intro.png
new file mode 100644
index 00000000..c6ea7ea7
Binary files /dev/null and b/img/components/buttons_toggle_intro.png differ
diff --git a/img/components/buttons_toggle_intro.svg b/img/components/buttons_toggle_intro.svg
index f9d8520b..ae23289a 100644
--- a/img/components/buttons_toggle_intro.svg
+++ b/img/components/buttons_toggle_intro.svg
@@ -4,8 +4,8 @@
buttons_toggle_intro
-
-
+
+
@@ -19,7 +19,7 @@
-
+
@@ -37,7 +37,7 @@
-
+
diff --git a/img/components/checkboxes_designing.png b/img/components/checkboxes_designing.png
new file mode 100644
index 00000000..40bf03ec
Binary files /dev/null and b/img/components/checkboxes_designing.png differ
diff --git a/img/components/checkboxes_indeterminate_intro_on.png b/img/components/checkboxes_indeterminate_intro_on.png
new file mode 100644
index 00000000..fb760479
Binary files /dev/null and b/img/components/checkboxes_indeterminate_intro_on.png differ
diff --git a/img/components/checkboxes_indeterminate_intro_on.svg b/img/components/checkboxes_indeterminate_intro_on.svg
index 464c9c13..80e7789c 100644
--- a/img/components/checkboxes_indeterminate_intro_on.svg
+++ b/img/components/checkboxes_indeterminate_intro_on.svg
@@ -21,7 +21,7 @@
-
+
@@ -41,7 +41,7 @@
-
+
diff --git a/img/components/checkboxes_intro_off.png b/img/components/checkboxes_intro_off.png
new file mode 100644
index 00000000..0d1069c4
Binary files /dev/null and b/img/components/checkboxes_intro_off.png differ
diff --git a/img/components/checkboxes_intro_on.png b/img/components/checkboxes_intro_on.png
new file mode 100644
index 00000000..e59eebf7
Binary files /dev/null and b/img/components/checkboxes_intro_on.png differ
diff --git a/img/components/checkboxes_intro_on.svg b/img/components/checkboxes_intro_on.svg
index bffb0faa..97a78a64 100644
--- a/img/components/checkboxes_intro_on.svg
+++ b/img/components/checkboxes_intro_on.svg
@@ -15,7 +15,7 @@
-
+
diff --git a/img/components/checkboxes_states.png b/img/components/checkboxes_states.png
new file mode 100644
index 00000000..536418c7
Binary files /dev/null and b/img/components/checkboxes_states.png differ
diff --git a/img/components/checkboxes_states.svg b/img/components/checkboxes_states.svg
index 7aa6b008..72d9ddbf 100644
--- a/img/components/checkboxes_states.svg
+++ b/img/components/checkboxes_states.svg
@@ -100,12 +100,12 @@
-
-
-
-
-
-
+
+
+
+
+
+
@@ -138,7 +138,7 @@
-
+
@@ -149,7 +149,7 @@
-
+
@@ -160,7 +160,7 @@
-
+
@@ -175,7 +175,7 @@
-
+
@@ -186,7 +186,7 @@
-
+
@@ -194,7 +194,7 @@
Neutral point
-
+
@@ -225,38 +225,38 @@
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
diff --git a/img/components/comboboxes_designing.png b/img/components/comboboxes_designing.png
new file mode 100644
index 00000000..80e7a446
Binary files /dev/null and b/img/components/comboboxes_designing.png differ
diff --git a/img/components/comboboxes_designing.svg b/img/components/comboboxes_designing.svg
index dcd61c01..9a8d0f50 100644
--- a/img/components/comboboxes_designing.svg
+++ b/img/components/comboboxes_designing.svg
@@ -11,8 +11,8 @@
-
-
+
+
Placeholder
@@ -23,7 +23,7 @@
-
+
Label
diff --git a/img/components/comboboxes_intro.png b/img/components/comboboxes_intro.png
new file mode 100644
index 00000000..67108eb3
Binary files /dev/null and b/img/components/comboboxes_intro.png differ
diff --git a/img/components/comboboxes_intro.svg b/img/components/comboboxes_intro.svg
index bfa32617..46b7625e 100644
--- a/img/components/comboboxes_intro.svg
+++ b/img/components/comboboxes_intro.svg
@@ -7,13 +7,13 @@
-
-
+
+
Placeholder
-
+
diff --git a/img/components/comboboxes_states.png b/img/components/comboboxes_states.png
new file mode 100644
index 00000000..81067adb
Binary files /dev/null and b/img/components/comboboxes_states.png differ
diff --git a/img/components/comboboxes_states.svg b/img/components/comboboxes_states.svg
index 414db287..3ed9cb41 100644
--- a/img/components/comboboxes_states.svg
+++ b/img/components/comboboxes_states.svg
@@ -4,9 +4,9 @@
comboboxes_states
-
-
-
+
+
+
@@ -22,19 +22,19 @@
Normal Hover Active Focus Expanded Menu Disabled
-
+
-
-
+
+
-
-
+
+
-
-
+
+
Placeholder
@@ -43,13 +43,13 @@
User input
-
+
-
+
-
-
+
+
Placeholder
@@ -57,28 +57,28 @@
Placeholder
-
+
-
+
-
+
-
+
Placeholder
-
-
+
+
-
-
+
+
-
+
Option 1
diff --git a/img/components/dialogs_complex_designing_01.png b/img/components/dialogs_complex_designing_01.png
new file mode 100644
index 00000000..94620462
Binary files /dev/null and b/img/components/dialogs_complex_designing_01.png differ
diff --git a/img/components/dialogs_complex_designing_01.svg b/img/components/dialogs_complex_designing_01.svg
index 09c2b4f2..92540d4d 100644
--- a/img/components/dialogs_complex_designing_01.svg
+++ b/img/components/dialogs_complex_designing_01.svg
@@ -6,7 +6,7 @@
-
+
@@ -21,12 +21,12 @@
-
-
+
+
-
-
+
+
Title
@@ -45,7 +45,7 @@
-
+
diff --git a/img/components/dialogs_complex_designing_02.png b/img/components/dialogs_complex_designing_02.png
new file mode 100644
index 00000000..ba71b9e0
Binary files /dev/null and b/img/components/dialogs_complex_designing_02.png differ
diff --git a/img/components/dialogs_complex_designing_02.svg b/img/components/dialogs_complex_designing_02.svg
index b5eaa148..5f9b5341 100644
--- a/img/components/dialogs_complex_designing_02.svg
+++ b/img/components/dialogs_complex_designing_02.svg
@@ -5,7 +5,7 @@
-
+
@@ -16,8 +16,8 @@
-
-
+
+
Title
@@ -30,7 +30,7 @@
-
+
diff --git a/img/components/dialogs_complex_designing_scrolling.png b/img/components/dialogs_complex_designing_scrolling.png
new file mode 100644
index 00000000..df8bbd57
Binary files /dev/null and b/img/components/dialogs_complex_designing_scrolling.png differ
diff --git a/img/components/dialogs_complex_designing_scrolling.svg b/img/components/dialogs_complex_designing_scrolling.svg
index f438cc5e..d78e832c 100644
--- a/img/components/dialogs_complex_designing_scrolling.svg
+++ b/img/components/dialogs_complex_designing_scrolling.svg
@@ -4,7 +4,7 @@
Artboard
-
+
@@ -72,8 +72,8 @@
-
-
+
+
Easy
@@ -111,29 +111,29 @@
Update articles (bring existing articles up-to-date)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
-
-
+
+
Select types of edits
@@ -148,7 +148,7 @@
-
+
diff --git a/img/components/dialogs_complex_intro.png b/img/components/dialogs_complex_intro.png
new file mode 100644
index 00000000..f9275b59
Binary files /dev/null and b/img/components/dialogs_complex_intro.png differ
diff --git a/img/components/dialogs_complex_intro.svg b/img/components/dialogs_complex_intro.svg
index e62c11ce..0133bbd7 100644
--- a/img/components/dialogs_complex_intro.svg
+++ b/img/components/dialogs_complex_intro.svg
@@ -6,7 +6,7 @@
-
+
@@ -23,12 +23,12 @@
-
-
+
+
-
-
+
+
Title
@@ -47,7 +47,7 @@
-
+
diff --git a/img/components/dialogs_complex_states_disabled.png b/img/components/dialogs_complex_states_disabled.png
new file mode 100644
index 00000000..b9eeb8f9
Binary files /dev/null and b/img/components/dialogs_complex_states_disabled.png differ
diff --git a/img/components/dialogs_complex_states_disabled.svg b/img/components/dialogs_complex_states_disabled.svg
index 325539b6..901ebde9 100644
--- a/img/components/dialogs_complex_states_disabled.svg
+++ b/img/components/dialogs_complex_states_disabled.svg
@@ -6,7 +6,7 @@
-
+
@@ -20,12 +20,12 @@
-
-
+
+
-
-
+
+
Title
@@ -42,7 +42,7 @@
-
+
diff --git a/img/components/dialogs_complex_states_loading.png b/img/components/dialogs_complex_states_loading.png
new file mode 100644
index 00000000..23935322
Binary files /dev/null and b/img/components/dialogs_complex_states_loading.png differ
diff --git a/img/components/dialogs_complex_states_loading.svg b/img/components/dialogs_complex_states_loading.svg
index b2e26378..f8883880 100644
--- a/img/components/dialogs_complex_states_loading.svg
+++ b/img/components/dialogs_complex_states_loading.svg
@@ -6,7 +6,7 @@
-
+
@@ -21,12 +21,12 @@
-
-
+
+
-
-
+
+
Title
@@ -36,7 +36,7 @@
-
+
diff --git a/img/components/dialogs_designing_01.png b/img/components/dialogs_designing_01.png
new file mode 100644
index 00000000..022d1eb9
Binary files /dev/null and b/img/components/dialogs_designing_01.png differ
diff --git a/img/components/dialogs_designing_01.svg b/img/components/dialogs_designing_01.svg
index caeb6a86..e4b95e7e 100644
--- a/img/components/dialogs_designing_01.svg
+++ b/img/components/dialogs_designing_01.svg
@@ -15,8 +15,8 @@
-
-
+
+
Dialog content should aim to fill one or two lines
diff --git a/img/components/dialogs_designing_02.png b/img/components/dialogs_designing_02.png
new file mode 100644
index 00000000..e8c5689d
Binary files /dev/null and b/img/components/dialogs_designing_02.png differ
diff --git a/img/components/dialogs_designing_02.svg b/img/components/dialogs_designing_02.svg
index 08b2cd10..814492f7 100644
--- a/img/components/dialogs_designing_02.svg
+++ b/img/components/dialogs_designing_02.svg
@@ -15,8 +15,8 @@
-
-
+
+
Dialog content should aim to fill one or two lines
diff --git a/img/components/dialogs_intro.png b/img/components/dialogs_intro.png
new file mode 100644
index 00000000..4b122b4f
Binary files /dev/null and b/img/components/dialogs_intro.png differ
diff --git a/img/components/dialogs_intro.svg b/img/components/dialogs_intro.svg
index de93d724..a55fdc0a 100644
--- a/img/components/dialogs_intro.svg
+++ b/img/components/dialogs_intro.svg
@@ -17,8 +17,8 @@
-
-
+
+
Dialog content should aim to fill one or two lines
diff --git a/img/components/dialogs_simple_example.png b/img/components/dialogs_simple_example.png
new file mode 100644
index 00000000..68756b76
Binary files /dev/null and b/img/components/dialogs_simple_example.png differ
diff --git a/img/components/dialogs_simple_example.svg b/img/components/dialogs_simple_example.svg
index d69e6006..3f287400 100644
--- a/img/components/dialogs_simple_example.svg
+++ b/img/components/dialogs_simple_example.svg
@@ -14,8 +14,8 @@
-
-
+
+
Save your progress before you leave editing mode
diff --git a/img/components/dialogs_simple_long_button_labels.png b/img/components/dialogs_simple_long_button_labels.png
new file mode 100644
index 00000000..cdae7152
Binary files /dev/null and b/img/components/dialogs_simple_long_button_labels.png differ
diff --git a/img/components/dialogs_simple_long_button_labels.svg b/img/components/dialogs_simple_long_button_labels.svg
index 9a7a9c98..3e9b2f69 100644
--- a/img/components/dialogs_simple_long_button_labels.svg
+++ b/img/components/dialogs_simple_long_button_labels.svg
@@ -17,8 +17,8 @@
-
-
+
+
Dialog content should aim to fill one or two lines
diff --git a/img/components/dropdowns_designing.png b/img/components/dropdowns_designing.png
new file mode 100644
index 00000000..aadc2777
Binary files /dev/null and b/img/components/dropdowns_designing.png differ
diff --git a/img/components/dropdowns_designing.svg b/img/components/dropdowns_designing.svg
index 06237f50..df4eb959 100644
--- a/img/components/dropdowns_designing.svg
+++ b/img/components/dropdowns_designing.svg
@@ -16,8 +16,8 @@
-
-
+
+
@@ -28,7 +28,7 @@
-
+
@@ -39,18 +39,18 @@
-
+
-
-
+
+
diff --git a/img/components/dropdowns_intro.png b/img/components/dropdowns_intro.png
new file mode 100644
index 00000000..d9b79768
Binary files /dev/null and b/img/components/dropdowns_intro.png differ
diff --git a/img/components/dropdowns_intro.svg b/img/components/dropdowns_intro.svg
index def8fab6..805f90b4 100644
--- a/img/components/dropdowns_intro.svg
+++ b/img/components/dropdowns_intro.svg
@@ -4,7 +4,7 @@
dropdowns_intro
-
+
@@ -20,7 +20,7 @@
-
+
diff --git a/img/components/dropdowns_states.png b/img/components/dropdowns_states.png
new file mode 100644
index 00000000..951c66c7
Binary files /dev/null and b/img/components/dropdowns_states.png differ
diff --git a/img/components/dropdowns_states.svg b/img/components/dropdowns_states.svg
index 006c7bfd..3c3479f0 100644
--- a/img/components/dropdowns_states.svg
+++ b/img/components/dropdowns_states.svg
@@ -4,15 +4,15 @@
dropdowns_states
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
@@ -91,7 +91,7 @@
-
+
@@ -111,7 +111,7 @@
-
+
@@ -120,20 +120,20 @@
-
-
+
+
-
-
+
+
-
+
@@ -144,18 +144,18 @@
-
+
-
-
+
+
@@ -173,7 +173,7 @@
-
+
@@ -189,7 +189,7 @@
-
+
@@ -197,8 +197,8 @@
-
-
+
+
diff --git a/img/components/file_inputs_designing.png b/img/components/file_inputs_designing.png
new file mode 100644
index 00000000..14316aec
Binary files /dev/null and b/img/components/file_inputs_designing.png differ
diff --git a/img/components/file_inputs_designing.svg b/img/components/file_inputs_designing.svg
index 1fbbda00..8b1ca900 100644
--- a/img/components/file_inputs_designing.svg
+++ b/img/components/file_inputs_designing.svg
@@ -4,7 +4,7 @@
file_inputs_designing
-
+
@@ -27,7 +27,7 @@
-
+
diff --git a/img/components/file_inputs_intro.png b/img/components/file_inputs_intro.png
new file mode 100644
index 00000000..eb2fc0d4
Binary files /dev/null and b/img/components/file_inputs_intro.png differ
diff --git a/img/components/file_inputs_select_button_only_intro.png b/img/components/file_inputs_select_button_only_intro.png
new file mode 100644
index 00000000..85928b97
Binary files /dev/null and b/img/components/file_inputs_select_button_only_intro.png differ
diff --git a/img/components/file_inputs_select_button_only_intro.svg b/img/components/file_inputs_select_button_only_intro.svg
index 836d00c8..200fbe85 100644
--- a/img/components/file_inputs_select_button_only_intro.svg
+++ b/img/components/file_inputs_select_button_only_intro.svg
@@ -17,7 +17,7 @@
-
+
diff --git a/img/components/language_selectors_designing.png b/img/components/language_selectors_designing.png
new file mode 100644
index 00000000..cd5bc4c1
Binary files /dev/null and b/img/components/language_selectors_designing.png differ
diff --git a/img/components/language_selectors_designing.svg b/img/components/language_selectors_designing.svg
index 6d333324..49c95b42 100644
--- a/img/components/language_selectors_designing.svg
+++ b/img/components/language_selectors_designing.svg
@@ -4,9 +4,9 @@
language_selectors_designing
-
-
-
+
+
+
@@ -29,8 +29,8 @@
-
-
+
+
@@ -96,8 +96,8 @@
-
-
+
+
Search languages
@@ -106,7 +106,7 @@
-
+
diff --git a/img/components/language_selectors_designing_additional_actions_01.png b/img/components/language_selectors_designing_additional_actions_01.png
new file mode 100644
index 00000000..8e10c444
Binary files /dev/null and b/img/components/language_selectors_designing_additional_actions_01.png differ
diff --git a/img/components/language_selectors_designing_additional_actions_01.svg b/img/components/language_selectors_designing_additional_actions_01.svg
index 041002d5..757cd516 100644
--- a/img/components/language_selectors_designing_additional_actions_01.svg
+++ b/img/components/language_selectors_designing_additional_actions_01.svg
@@ -4,10 +4,10 @@
language_selectors_designing_additional_actions_01
-
-
-
-
+
+
+
+
@@ -35,8 +35,8 @@
-
-
+
+
@@ -109,7 +109,7 @@
-
+
@@ -117,8 +117,8 @@
-
-
+
+
Search languages
@@ -127,7 +127,7 @@
-
+
@@ -138,7 +138,7 @@
-
+
diff --git a/img/components/language_selectors_designing_additional_actions_02.png b/img/components/language_selectors_designing_additional_actions_02.png
new file mode 100644
index 00000000..d174c483
Binary files /dev/null and b/img/components/language_selectors_designing_additional_actions_02.png differ
diff --git a/img/components/language_selectors_designing_additional_actions_02.svg b/img/components/language_selectors_designing_additional_actions_02.svg
index 1d0bb062..04aeb44b 100644
--- a/img/components/language_selectors_designing_additional_actions_02.svg
+++ b/img/components/language_selectors_designing_additional_actions_02.svg
@@ -4,11 +4,11 @@
language_selectors_designing_additional_actions_02
-
+
-
+
-
+
@@ -27,8 +27,8 @@
-
-
+
+
@@ -39,7 +39,7 @@
-
+
@@ -53,7 +53,7 @@
-
+
@@ -69,7 +69,7 @@
-
+
@@ -85,7 +85,7 @@
-
+
diff --git a/img/components/language_selectors_designing_additional_actions_03.png b/img/components/language_selectors_designing_additional_actions_03.png
new file mode 100644
index 00000000..b0657f54
Binary files /dev/null and b/img/components/language_selectors_designing_additional_actions_03.png differ
diff --git a/img/components/language_selectors_designing_additional_actions_03.svg b/img/components/language_selectors_designing_additional_actions_03.svg
index e4d3d774..5a2b0c5c 100644
--- a/img/components/language_selectors_designing_additional_actions_03.svg
+++ b/img/components/language_selectors_designing_additional_actions_03.svg
@@ -4,10 +4,10 @@
language_selectors_designing_additional_actions_03
-
+
-
+
@@ -28,8 +28,8 @@
-
-
+
+
@@ -42,7 +42,7 @@
-
+
@@ -57,7 +57,7 @@
-
+
@@ -69,7 +69,7 @@
-
+
@@ -88,7 +88,7 @@
-
+
diff --git a/img/components/language_selectors_designing_grouping_language_variants.png b/img/components/language_selectors_designing_grouping_language_variants.png
new file mode 100644
index 00000000..fbc609e7
Binary files /dev/null and b/img/components/language_selectors_designing_grouping_language_variants.png differ
diff --git a/img/components/language_selectors_designing_grouping_language_variants.svg b/img/components/language_selectors_designing_grouping_language_variants.svg
index 57906dc1..293593f6 100644
--- a/img/components/language_selectors_designing_grouping_language_variants.svg
+++ b/img/components/language_selectors_designing_grouping_language_variants.svg
@@ -4,11 +4,11 @@
language_selectors_designing_grouping_language_variants
-
-
-
-
-
+
+
+
+
+
@@ -51,8 +51,8 @@
-
-
+
+
@@ -68,7 +68,7 @@
-
+
@@ -149,8 +149,8 @@
-
-
+
+
Search languages
@@ -159,7 +159,7 @@
-
+
@@ -168,8 +168,8 @@
-
-
+
+
diff --git a/img/components/language_selectors_designing_grouping_language_variants_collapsed.png b/img/components/language_selectors_designing_grouping_language_variants_collapsed.png
new file mode 100644
index 00000000..68115a7b
Binary files /dev/null and b/img/components/language_selectors_designing_grouping_language_variants_collapsed.png differ
diff --git a/img/components/language_selectors_designing_grouping_language_variants_collapsed.svg b/img/components/language_selectors_designing_grouping_language_variants_collapsed.svg
index aca3bb81..a7af8424 100644
--- a/img/components/language_selectors_designing_grouping_language_variants_collapsed.svg
+++ b/img/components/language_selectors_designing_grouping_language_variants_collapsed.svg
@@ -4,10 +4,10 @@
language_selectors_designing_grouping_language_variants_collapsed
-
-
-
-
+
+
+
+
@@ -33,8 +33,8 @@
-
-
+
+
@@ -51,7 +51,7 @@
-
+
@@ -107,8 +107,8 @@
-
-
+
+
Search languages
@@ -117,7 +117,7 @@
-
+
diff --git a/img/components/language_selectors_intro.png b/img/components/language_selectors_intro.png
new file mode 100644
index 00000000..892dafa3
Binary files /dev/null and b/img/components/language_selectors_intro.png differ
diff --git a/img/components/language_selectors_intro.svg b/img/components/language_selectors_intro.svg
index 1a3c04de..914a5fca 100644
--- a/img/components/language_selectors_intro.svg
+++ b/img/components/language_selectors_intro.svg
@@ -4,9 +4,9 @@
language_selectors_intro
-
-
-
+
+
+
@@ -30,8 +30,8 @@
-
-
+
+
@@ -98,8 +98,8 @@
-
-
+
+
Search languages
@@ -108,7 +108,7 @@
-
+
diff --git a/img/components/language_selectors_states_empty_01.png b/img/components/language_selectors_states_empty_01.png
new file mode 100644
index 00000000..5c7ca8ab
Binary files /dev/null and b/img/components/language_selectors_states_empty_01.png differ
diff --git a/img/components/language_selectors_states_empty_01.svg b/img/components/language_selectors_states_empty_01.svg
index b8dde40e..87542e0d 100644
--- a/img/components/language_selectors_states_empty_01.svg
+++ b/img/components/language_selectors_states_empty_01.svg
@@ -4,13 +4,13 @@
language_selectors_states_empty_01
-
-
-
-
+
+
+
+
-
+
@@ -36,21 +36,21 @@
-
-
+
+
-
-
+
+
-
+
@@ -62,7 +62,7 @@
-
+
@@ -83,7 +83,7 @@
-
+
@@ -98,7 +98,7 @@
-
+
@@ -110,7 +110,7 @@
-
+
diff --git a/img/components/language_selectors_states_empty_02.png b/img/components/language_selectors_states_empty_02.png
new file mode 100644
index 00000000..42181903
Binary files /dev/null and b/img/components/language_selectors_states_empty_02.png differ
diff --git a/img/components/language_selectors_states_empty_02.svg b/img/components/language_selectors_states_empty_02.svg
index c766519f..96349f0f 100644
--- a/img/components/language_selectors_states_empty_02.svg
+++ b/img/components/language_selectors_states_empty_02.svg
@@ -4,10 +4,10 @@
language_selectors_states_empty_02
-
-
-
-
+
+
+
+
@@ -32,21 +32,21 @@
-
-
+
+
-
-
+
+
-
+
@@ -58,7 +58,7 @@
-
+
diff --git a/img/components/language_selectors_states_expanded_layout_01.png b/img/components/language_selectors_states_expanded_layout_01.png
new file mode 100644
index 00000000..b7bb4657
Binary files /dev/null and b/img/components/language_selectors_states_expanded_layout_01.png differ
diff --git a/img/components/language_selectors_states_expanded_layout_01.svg b/img/components/language_selectors_states_expanded_layout_01.svg
index 13493092..d620b509 100644
--- a/img/components/language_selectors_states_expanded_layout_01.svg
+++ b/img/components/language_selectors_states_expanded_layout_01.svg
@@ -4,14 +4,14 @@
language_selectors_states_expanded_layout_01
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
@@ -55,12 +55,12 @@
-
-
+
+
-
-
+
+
@@ -68,8 +68,8 @@
-
-
+
+
@@ -136,8 +136,8 @@
-
-
+
+
Search languages
@@ -146,7 +146,7 @@
-
+
@@ -158,8 +158,8 @@
-
-
+
+
@@ -354,8 +354,8 @@
-
-
+
+
Search languages
@@ -364,7 +364,7 @@
-
+
diff --git a/img/components/language_selectors_states_expanded_layout_02.png b/img/components/language_selectors_states_expanded_layout_02.png
new file mode 100644
index 00000000..be679980
Binary files /dev/null and b/img/components/language_selectors_states_expanded_layout_02.png differ
diff --git a/img/components/language_selectors_states_expanded_layout_02.svg b/img/components/language_selectors_states_expanded_layout_02.svg
index fb7a57f2..84e3349a 100644
--- a/img/components/language_selectors_states_expanded_layout_02.svg
+++ b/img/components/language_selectors_states_expanded_layout_02.svg
@@ -4,11 +4,11 @@
language_selectors_states_expanded_layout_02
-
-
-
-
-
+
+
+
+
+
@@ -33,8 +33,8 @@
-
-
+
+
@@ -42,8 +42,8 @@
-
-
+
+
@@ -170,8 +170,8 @@
-
-
+
+
Search languages
@@ -180,7 +180,7 @@
-
+
@@ -196,7 +196,7 @@
-
+
diff --git a/img/components/language_selectors_states_searching.png b/img/components/language_selectors_states_searching.png
new file mode 100644
index 00000000..080b6528
Binary files /dev/null and b/img/components/language_selectors_states_searching.png differ
diff --git a/img/components/language_selectors_states_searching.svg b/img/components/language_selectors_states_searching.svg
index 8e9bb89c..363fb534 100644
--- a/img/components/language_selectors_states_searching.svg
+++ b/img/components/language_selectors_states_searching.svg
@@ -4,10 +4,10 @@
language_selectors_states_searching
-
-
-
-
+
+
+
+
@@ -30,8 +30,8 @@
-
-
+
+
@@ -51,14 +51,14 @@
-
-
+
+
-
+
@@ -73,7 +73,7 @@
-
+
diff --git a/img/components/language_selectors_states_selecting.png b/img/components/language_selectors_states_selecting.png
new file mode 100644
index 00000000..2544ff66
Binary files /dev/null and b/img/components/language_selectors_states_selecting.png differ
diff --git a/img/components/language_selectors_states_selecting.svg b/img/components/language_selectors_states_selecting.svg
index 095ca72f..5e0b2d46 100644
--- a/img/components/language_selectors_states_selecting.svg
+++ b/img/components/language_selectors_states_selecting.svg
@@ -4,10 +4,10 @@
language_selectors_states_selecting
-
-
-
-
+
+
+
+
@@ -49,8 +49,8 @@
-
-
+
+
@@ -116,8 +116,8 @@
-
-
+
+
| Search languages
@@ -126,7 +126,7 @@
-
+
@@ -134,8 +134,8 @@
-
-
+
+
diff --git a/img/components/language_selectors_types_additional_actions.png b/img/components/language_selectors_types_additional_actions.png
new file mode 100644
index 00000000..8e10c444
Binary files /dev/null and b/img/components/language_selectors_types_additional_actions.png differ
diff --git a/img/components/language_selectors_types_additional_actions.svg b/img/components/language_selectors_types_additional_actions.svg
index 3b1f201a..74028805 100644
--- a/img/components/language_selectors_types_additional_actions.svg
+++ b/img/components/language_selectors_types_additional_actions.svg
@@ -4,10 +4,10 @@
language_selectors_types_additional_actions
-
-
-
-
+
+
+
+
@@ -35,8 +35,8 @@
-
-
+
+
@@ -109,7 +109,7 @@
-
+
@@ -117,8 +117,8 @@
-
-
+
+
Search languages
@@ -127,7 +127,7 @@
-
+
@@ -138,7 +138,7 @@
-
+
diff --git a/img/components/language_selectors_types_additional_details_01.png b/img/components/language_selectors_types_additional_details_01.png
new file mode 100644
index 00000000..cf66c0f2
Binary files /dev/null and b/img/components/language_selectors_types_additional_details_01.png differ
diff --git a/img/components/language_selectors_types_additional_details_01.svg b/img/components/language_selectors_types_additional_details_01.svg
index 0cf1a7b2..265ed8a7 100644
--- a/img/components/language_selectors_types_additional_details_01.svg
+++ b/img/components/language_selectors_types_additional_details_01.svg
@@ -4,9 +4,9 @@
language_selectors_types_additional_details_01
-
-
-
+
+
+
@@ -29,8 +29,8 @@
-
-
+
+
@@ -74,8 +74,8 @@
-
-
+
+
Search languages
@@ -84,7 +84,7 @@
-
+
diff --git a/img/components/language_selectors_types_additional_details_02.png b/img/components/language_selectors_types_additional_details_02.png
new file mode 100644
index 00000000..0df30f53
Binary files /dev/null and b/img/components/language_selectors_types_additional_details_02.png differ
diff --git a/img/components/language_selectors_types_additional_details_02.svg b/img/components/language_selectors_types_additional_details_02.svg
index fe356e1d..a33c906c 100644
--- a/img/components/language_selectors_types_additional_details_02.svg
+++ b/img/components/language_selectors_types_additional_details_02.svg
@@ -4,11 +4,11 @@
language_selectors_types_additional_details_02
-
+
-
-
+
+
@@ -39,8 +39,8 @@
-
-
+
+
@@ -62,7 +62,7 @@
-
+
@@ -116,7 +116,7 @@
-
+
@@ -129,8 +129,8 @@
-
-
+
+
Search languages
@@ -139,7 +139,7 @@
-
+
diff --git a/img/components/language_selectors_types_multiple_selection.png b/img/components/language_selectors_types_multiple_selection.png
new file mode 100644
index 00000000..76a9e0db
Binary files /dev/null and b/img/components/language_selectors_types_multiple_selection.png differ
diff --git a/img/components/language_selectors_types_multiple_selection.svg b/img/components/language_selectors_types_multiple_selection.svg
index 42b18964..0cf72698 100644
--- a/img/components/language_selectors_types_multiple_selection.svg
+++ b/img/components/language_selectors_types_multiple_selection.svg
@@ -4,12 +4,12 @@
language_selectors_types_multiple_selection
-
-
-
-
-
-
+
+
+
+
+
+
@@ -40,8 +40,8 @@
-
-
+
+
@@ -63,7 +63,7 @@
-
+
@@ -117,8 +117,8 @@
-
-
+
+
Search languages
@@ -127,7 +127,7 @@
-
+
@@ -137,14 +137,14 @@
1 selected
-
+
-
+
-
+
@@ -154,7 +154,7 @@
-
+
diff --git a/img/components/legend_16-8.png b/img/components/legend_16-8.png
new file mode 100644
index 00000000..97fb64de
Binary files /dev/null and b/img/components/legend_16-8.png differ
diff --git a/img/components/links_intro.png b/img/components/links_intro.png
new file mode 100644
index 00000000..9d07ddc4
Binary files /dev/null and b/img/components/links_intro.png differ
diff --git a/img/components/links_intro.svg b/img/components/links_intro.svg
index b8b75a88..ccfff432 100644
--- a/img/components/links_intro.svg
+++ b/img/components/links_intro.svg
@@ -20,7 +20,7 @@
-
+
@@ -37,8 +37,8 @@
-
-
+
+
diff --git a/img/components/links_new_intro.png b/img/components/links_new_intro.png
new file mode 100644
index 00000000..46bf0342
Binary files /dev/null and b/img/components/links_new_intro.png differ
diff --git a/img/components/links_states.png b/img/components/links_states.png
new file mode 100644
index 00000000..4f606afb
Binary files /dev/null and b/img/components/links_states.png differ
diff --git a/img/components/links_states.svg b/img/components/links_states.svg
index f46e1500..3dd468c4 100644
--- a/img/components/links_states.svg
+++ b/img/components/links_states.svg
@@ -36,8 +36,8 @@
-
-
+
+
@@ -83,14 +83,14 @@
-
-
+
+
-
-
+
+
diff --git a/img/components/links_underlined_intro.png b/img/components/links_underlined_intro.png
new file mode 100644
index 00000000..24a8dccf
Binary files /dev/null and b/img/components/links_underlined_intro.png differ
diff --git a/img/components/messages_error.png b/img/components/messages_error.png
new file mode 100644
index 00000000..3d8d1a61
Binary files /dev/null and b/img/components/messages_error.png differ
diff --git a/img/components/messages_error.svg b/img/components/messages_error.svg
index e352a393..2306c1a5 100644
--- a/img/components/messages_error.svg
+++ b/img/components/messages_error.svg
@@ -12,7 +12,7 @@
An error which means it's potentially stopping whatever the user just did and providing them a clear message on what's wrong. There's also an explanatory link .
-
+
diff --git a/img/components/messages_notice.png b/img/components/messages_notice.png
new file mode 100644
index 00000000..e5da65b3
Binary files /dev/null and b/img/components/messages_notice.png differ
diff --git a/img/components/messages_success.png b/img/components/messages_success.png
new file mode 100644
index 00000000..8281dc76
Binary files /dev/null and b/img/components/messages_success.png differ
diff --git a/img/components/messages_success.svg b/img/components/messages_success.svg
index c4819c8d..6c1a3c19 100644
--- a/img/components/messages_success.svg
+++ b/img/components/messages_success.svg
@@ -11,7 +11,7 @@
A success message which means the user did everything right and should know about it. Yay!
-
+
diff --git a/img/components/messages_warning.png b/img/components/messages_warning.png
new file mode 100644
index 00000000..ed68a051
Binary files /dev/null and b/img/components/messages_warning.png differ
diff --git a/img/components/messages_warning.svg b/img/components/messages_warning.svg
index f2499682..e2192b83 100644
--- a/img/components/messages_warning.svg
+++ b/img/components/messages_warning.svg
@@ -8,7 +8,7 @@
-
+
A warning which is not stopping whatever the user just did, but needs to clear up why things might not work as expected.
diff --git a/img/components/number_inputs_intro.png b/img/components/number_inputs_intro.png
new file mode 100644
index 00000000..4ff6b990
Binary files /dev/null and b/img/components/number_inputs_intro.png differ
diff --git a/img/components/number_inputs_intro.svg b/img/components/number_inputs_intro.svg
index c3eb6ae3..6510c9b6 100644
--- a/img/components/number_inputs_intro.svg
+++ b/img/components/number_inputs_intro.svg
@@ -25,7 +25,7 @@
-
+
@@ -34,7 +34,7 @@
-
+
diff --git a/img/components/password_inputs_intro.png b/img/components/password_inputs_intro.png
new file mode 100644
index 00000000..1a88715b
Binary files /dev/null and b/img/components/password_inputs_intro.png differ
diff --git a/img/components/radio_buttons_designing.png b/img/components/radio_buttons_designing.png
new file mode 100644
index 00000000..4c1499f8
Binary files /dev/null and b/img/components/radio_buttons_designing.png differ
diff --git a/img/components/radio_buttons_designing.svg b/img/components/radio_buttons_designing.svg
index 2ec974bc..a2b4ea89 100644
--- a/img/components/radio_buttons_designing.svg
+++ b/img/components/radio_buttons_designing.svg
@@ -12,13 +12,13 @@
Option 2
-
+
Option 1
-
+
Radio group label
diff --git a/img/components/radio_buttons_intro_off.png b/img/components/radio_buttons_intro_off.png
new file mode 100644
index 00000000..ef4ce49f
Binary files /dev/null and b/img/components/radio_buttons_intro_off.png differ
diff --git a/img/components/radio_buttons_intro_off.svg b/img/components/radio_buttons_intro_off.svg
index a2bf8e39..58b0a7b5 100644
--- a/img/components/radio_buttons_intro_off.svg
+++ b/img/components/radio_buttons_intro_off.svg
@@ -12,7 +12,7 @@
Neutral point
-
+
diff --git a/img/components/radio_buttons_intro_on.png b/img/components/radio_buttons_intro_on.png
new file mode 100644
index 00000000..9f6fd47f
Binary files /dev/null and b/img/components/radio_buttons_intro_on.png differ
diff --git a/img/components/radio_buttons_intro_on.svg b/img/components/radio_buttons_intro_on.svg
index 745526ae..69523dc1 100644
--- a/img/components/radio_buttons_intro_on.svg
+++ b/img/components/radio_buttons_intro_on.svg
@@ -12,15 +12,15 @@
Neutral point
-
+
Neutral point
-
-
+
+
diff --git a/img/components/radio_buttons_states.png b/img/components/radio_buttons_states.png
new file mode 100644
index 00000000..92f83a8e
Binary files /dev/null and b/img/components/radio_buttons_states.png differ
diff --git a/img/components/radio_buttons_states.svg b/img/components/radio_buttons_states.svg
index ea89e2f8..8d6c7c9b 100644
--- a/img/components/radio_buttons_states.svg
+++ b/img/components/radio_buttons_states.svg
@@ -100,12 +100,12 @@
-
-
-
-
-
-
+
+
+
+
+
+
@@ -145,14 +145,14 @@
-
+
Neutral point
-
+
@@ -184,7 +184,7 @@
-
+
@@ -192,7 +192,7 @@
Neutral point
-
+
@@ -202,7 +202,7 @@
-
+
@@ -210,44 +210,44 @@
Neutral point
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
diff --git a/img/components/search_inputs_intro.png b/img/components/search_inputs_intro.png
new file mode 100644
index 00000000..fa41ccb3
Binary files /dev/null and b/img/components/search_inputs_intro.png differ
diff --git a/img/components/search_inputs_intro.svg b/img/components/search_inputs_intro.svg
index 0b2675aa..6ba549cc 100644
--- a/img/components/search_inputs_intro.svg
+++ b/img/components/search_inputs_intro.svg
@@ -4,14 +4,14 @@
search_inputs_intro
-
+
-
+
Search
@@ -19,7 +19,7 @@
-
+
diff --git a/img/components/text_inputs_designing.png b/img/components/text_inputs_designing.png
new file mode 100644
index 00000000..f1ea965f
Binary files /dev/null and b/img/components/text_inputs_designing.png differ
diff --git a/img/components/text_inputs_designing.svg b/img/components/text_inputs_designing.svg
index 88b9d0f6..58a626e8 100644
--- a/img/components/text_inputs_designing.svg
+++ b/img/components/text_inputs_designing.svg
@@ -13,7 +13,7 @@
-
+
Placeholder
@@ -21,7 +21,7 @@
-
+
@@ -30,7 +30,7 @@
-
+
diff --git a/img/components/text_inputs_intro.png b/img/components/text_inputs_intro.png
new file mode 100644
index 00000000..838b9c6a
Binary files /dev/null and b/img/components/text_inputs_intro.png differ
diff --git a/img/components/text_inputs_states.png b/img/components/text_inputs_states.png
new file mode 100644
index 00000000..c6617672
Binary files /dev/null and b/img/components/text_inputs_states.png differ
diff --git a/img/components/text_inputs_states.svg b/img/components/text_inputs_states.svg
index 57dd74f0..c0862657 100644
--- a/img/components/text_inputs_states.svg
+++ b/img/components/text_inputs_states.svg
@@ -22,7 +22,7 @@
-
+
@@ -40,7 +40,7 @@
Your input
-
+
@@ -65,8 +65,8 @@
-
-
+
+
diff --git a/img/components/textareas_intro.png b/img/components/textareas_intro.png
new file mode 100644
index 00000000..072c07e5
Binary files /dev/null and b/img/components/textareas_intro.png differ
diff --git a/img/components/toggle_switches_designing.png b/img/components/toggle_switches_designing.png
new file mode 100644
index 00000000..72830ac7
Binary files /dev/null and b/img/components/toggle_switches_designing.png differ
diff --git a/img/components/toggle_switches_designing.svg b/img/components/toggle_switches_designing.svg
index 9777bf4c..1815040c 100644
--- a/img/components/toggle_switches_designing.svg
+++ b/img/components/toggle_switches_designing.svg
@@ -9,7 +9,7 @@
-
+
diff --git a/img/components/toggle_switches_intro_off.png b/img/components/toggle_switches_intro_off.png
new file mode 100644
index 00000000..cef59451
Binary files /dev/null and b/img/components/toggle_switches_intro_off.png differ
diff --git a/img/components/toggle_switches_intro_off.svg b/img/components/toggle_switches_intro_off.svg
index d5a8e80f..8be07cd5 100644
--- a/img/components/toggle_switches_intro_off.svg
+++ b/img/components/toggle_switches_intro_off.svg
@@ -9,7 +9,7 @@
-
+
diff --git a/img/components/toggle_switches_intro_on.png b/img/components/toggle_switches_intro_on.png
new file mode 100644
index 00000000..3415d9ac
Binary files /dev/null and b/img/components/toggle_switches_intro_on.png differ
diff --git a/img/components/toggle_switches_intro_on.svg b/img/components/toggle_switches_intro_on.svg
index 17d7b3d4..a74302a7 100644
--- a/img/components/toggle_switches_intro_on.svg
+++ b/img/components/toggle_switches_intro_on.svg
@@ -19,7 +19,7 @@
-
+
diff --git a/img/components/toggle_switches_states.png b/img/components/toggle_switches_states.png
new file mode 100644
index 00000000..0451f7ae
Binary files /dev/null and b/img/components/toggle_switches_states.png differ
diff --git a/img/components/toggle_switches_states.svg b/img/components/toggle_switches_states.svg
index fce511fb..728c3883 100644
--- a/img/components/toggle_switches_states.svg
+++ b/img/components/toggle_switches_states.svg
@@ -120,12 +120,12 @@
-
-
-
-
-
-
+
+
+
+
+
+
@@ -152,39 +152,39 @@
-
+
-
+
-
-
+
+
-
+
-
+
-
+
@@ -194,47 +194,47 @@
-
-
+
+
-
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
diff --git a/img/design-principles/content-first--mobile.png b/img/design-principles/content-first--mobile.png
new file mode 100644
index 00000000..2b370608
Binary files /dev/null and b/img/design-principles/content-first--mobile.png differ
diff --git a/img/design-principles/content-first--mobile.svg b/img/design-principles/content-first--mobile.svg
index 81762cea..efe0870f 100644
--- a/img/design-principles/content-first--mobile.svg
+++ b/img/design-principles/content-first--mobile.svg
@@ -9,7 +9,7 @@
-
+
@@ -19,8 +19,8 @@
-
-
+
+
Spiral galaxies form a class of galaxy originally described by Edwin Hubble in his 1936 work The Realm of the Nebulae and, as such, form part of the Hubble sequence. Most spiral galaxies consist of a flat, rotating disk containing stars, gas and dust, and a central concentratio n
@@ -28,8 +28,8 @@
-
-
+
+
diff --git a/img/design-principles/this-is-for-everyone--mobile.png b/img/design-principles/this-is-for-everyone--mobile.png
new file mode 100644
index 00000000..c134299e
Binary files /dev/null and b/img/design-principles/this-is-for-everyone--mobile.png differ
diff --git a/img/design-principles/this-is-for-everyone--mobile.svg b/img/design-principles/this-is-for-everyone--mobile.svg
index 5c9065ab..636bc539 100644
--- a/img/design-principles/this-is-for-everyone--mobile.svg
+++ b/img/design-principles/this-is-for-everyone--mobile.svg
@@ -61,27 +61,27 @@
-
-
-
-
+
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
-
+
diff --git a/img/design-principles/this-is-for-everyone.png b/img/design-principles/this-is-for-everyone.png
index d85d13e5..664964e0 100644
Binary files a/img/design-principles/this-is-for-everyone.png and b/img/design-principles/this-is-for-everyone.png differ
diff --git a/img/design-principles/this-is-for-everyone.svg b/img/design-principles/this-is-for-everyone.svg
index 8740fb23..e259ea20 100644
--- a/img/design-principles/this-is-for-everyone.svg
+++ b/img/design-principles/this-is-for-everyone.svg
@@ -88,23 +88,23 @@
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
+
@@ -117,50 +117,50 @@
-
-
+
+
-
+
-
-
+
+
-
-
+
+
-
+
-
-
+
+
-
-
+
+
-
+
-
-
+
+
-
+
-
+
-
+
diff --git a/img/design-principles/trustworthy-yet-joyful--mobile.png b/img/design-principles/trustworthy-yet-joyful--mobile.png
new file mode 100644
index 00000000..0177f194
Binary files /dev/null and b/img/design-principles/trustworthy-yet-joyful--mobile.png differ
diff --git a/img/design-principles/trustworthy-yet-joyful--mobile.svg b/img/design-principles/trustworthy-yet-joyful--mobile.svg
index 9c28b296..e8b7aeed 100644
--- a/img/design-principles/trustworthy-yet-joyful--mobile.svg
+++ b/img/design-principles/trustworthy-yet-joyful--mobile.svg
@@ -33,22 +33,22 @@
-
+
-
+
-
+
-
-
+
+
-
-
-
+
+
+
diff --git a/img/design-principles/trustworthy-yet-joyful.png b/img/design-principles/trustworthy-yet-joyful.png
new file mode 100644
index 00000000..15ce4c95
Binary files /dev/null and b/img/design-principles/trustworthy-yet-joyful.png differ
diff --git a/img/design-principles/trustworthy-yet-joyful.svg b/img/design-principles/trustworthy-yet-joyful.svg
index 476567ed..c5294509 100644
--- a/img/design-principles/trustworthy-yet-joyful.svg
+++ b/img/design-principles/trustworthy-yet-joyful.svg
@@ -1,5 +1,5 @@
-
@@ -74,10 +74,10 @@
WIKIPEDIA
-
+
-
+
African-American abolitionist and humanitarian
@@ -101,16 +101,16 @@
-
+
WIKIPEDIA
-
+
-
+
diff --git a/img/visual-style/icons-optical-adjustment.png b/img/visual-style/icons-optical-adjustment.png
index 4ac72b0e..fcb5ea13 100644
Binary files a/img/visual-style/icons-optical-adjustment.png and b/img/visual-style/icons-optical-adjustment.png differ
diff --git a/img/visual-style/icons-optical-adjustment.svg b/img/visual-style/icons-optical-adjustment.svg
index c314483b..15435b29 100644
--- a/img/visual-style/icons-optical-adjustment.svg
+++ b/img/visual-style/icons-optical-adjustment.svg
@@ -23,8 +23,8 @@
Resulting shapes
-
-
+
+
diff --git a/img/visual-style/icons-sample.png b/img/visual-style/icons-sample.png
index 78fa28af..927665d2 100644
Binary files a/img/visual-style/icons-sample.png and b/img/visual-style/icons-sample.png differ
diff --git a/img/visual-style/icons-sample.svg b/img/visual-style/icons-sample.svg
index f2bd2701..550788d1 100644
--- a/img/visual-style/icons-sample.svg
+++ b/img/visual-style/icons-sample.svg
@@ -3,17 +3,17 @@
-
-
+
+
-
+
-
-
+
+
-
+
diff --git a/img/visual-style/illustrations-article.png b/img/visual-style/illustrations-article.png
index 567d75f2..ce321fd9 100644
Binary files a/img/visual-style/illustrations-article.png and b/img/visual-style/illustrations-article.png differ
diff --git a/img/visual-style/illustrations-article.svg b/img/visual-style/illustrations-article.svg
index 545fce89..1ef6e6e9 100644
--- a/img/visual-style/illustrations-article.svg
+++ b/img/visual-style/illustrations-article.svg
@@ -1,11 +1,11 @@
-
-
+
-
+
diff --git a/img/visual-style/principles-color-type.png b/img/visual-style/principles-color-type.png
index 17687bc1..ddb05262 100644
Binary files a/img/visual-style/principles-color-type.png and b/img/visual-style/principles-color-type.png differ
diff --git a/img/visual-style/principles-color-type.svg b/img/visual-style/principles-color-type.svg
index dcf2998f..6bdc10a1 100644
--- a/img/visual-style/principles-color-type.svg
+++ b/img/visual-style/principles-color-type.svg
@@ -19,8 +19,8 @@
-
-
+
+
@@ -28,7 +28,7 @@
-
+
Lato
@@ -62,7 +62,7 @@
-
+
Charter
diff --git a/img/visual-style/principles-content-chrome.png b/img/visual-style/principles-content-chrome.png
index 37552662..5e7d7afe 100644
Binary files a/img/visual-style/principles-content-chrome.png and b/img/visual-style/principles-content-chrome.png differ
diff --git a/img/visual-style/principles-content-chrome.svg b/img/visual-style/principles-content-chrome.svg
index b85b6cc0..8d41c5f5 100644
--- a/img/visual-style/principles-content-chrome.svg
+++ b/img/visual-style/principles-content-chrome.svg
@@ -1,5 +1,5 @@
-
-
+
diff --git a/img/visual-style/principles-paper-ink.png b/img/visual-style/principles-paper-ink.png
index f12b58d8..894311e8 100644
Binary files a/img/visual-style/principles-paper-ink.png and b/img/visual-style/principles-paper-ink.png differ
diff --git a/img/visual-style/principles-paper-shadow.png b/img/visual-style/principles-paper-shadow.png
index 1df1c36b..c5663e16 100644
Binary files a/img/visual-style/principles-paper-shadow.png and b/img/visual-style/principles-paper-shadow.png differ
diff --git a/img/visual-style/principles-paper-shadow.svg b/img/visual-style/principles-paper-shadow.svg
index 8763c205..b2e51a7d 100644
--- a/img/visual-style/principles-paper-shadow.svg
+++ b/img/visual-style/principles-paper-shadow.svg
@@ -1,5 +1,5 @@
-
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
@@ -7582,20 +7582,20 @@
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
@@ -7700,16 +7700,16 @@
Talk
-
-
+
+
-
-
+
+
-
-
+
+
@@ -7929,16 +7929,16 @@
-
-
+
+
-
-
+
+
-
-
+
+
Normal Hover Active Focus Disabled
@@ -7960,7 +7960,7 @@
-
+
@@ -7978,7 +7978,7 @@
-
+
@@ -8011,7 +8011,7 @@
-
+
Normal Hover Active Focus Disabled
@@ -8133,16 +8133,16 @@
-
-
+
+
-
-
+
+
-
-
+
+
diff --git a/resources/WikimediaUI-icon_template-SVG_shapes/example-circular-icon.png b/resources/WikimediaUI-icon_template-SVG_shapes/example-circular-icon.png
new file mode 100644
index 00000000..2c0ab5a9
Binary files /dev/null and b/resources/WikimediaUI-icon_template-SVG_shapes/example-circular-icon.png differ
diff --git a/resources/WikimediaUI-icon_template-SVG_shapes/example-circular-icon.svg b/resources/WikimediaUI-icon_template-SVG_shapes/example-circular-icon.svg
index 2a1d9760..af675a72 100644
--- a/resources/WikimediaUI-icon_template-SVG_shapes/example-circular-icon.svg
+++ b/resources/WikimediaUI-icon_template-SVG_shapes/example-circular-icon.svg
@@ -2,12 +2,12 @@
diff --git a/resources/WikimediaUI-icon_template-SVG_shapes/example-diagonal-icon.png b/resources/WikimediaUI-icon_template-SVG_shapes/example-diagonal-icon.png
new file mode 100644
index 00000000..868f1cb3
Binary files /dev/null and b/resources/WikimediaUI-icon_template-SVG_shapes/example-diagonal-icon.png differ
diff --git a/resources/WikimediaUI-icon_template-SVG_shapes/example-diagonal-icon.svg b/resources/WikimediaUI-icon_template-SVG_shapes/example-diagonal-icon.svg
index 8f2d5ef6..525c2cd7 100644
--- a/resources/WikimediaUI-icon_template-SVG_shapes/example-diagonal-icon.svg
+++ b/resources/WikimediaUI-icon_template-SVG_shapes/example-diagonal-icon.svg
@@ -2,7 +2,7 @@
diff --git a/resources/WikimediaUI-icons-SVGs/arrowNext-rtl.png b/resources/WikimediaUI-icons-SVGs/arrowNext-rtl.png
new file mode 100644
index 00000000..04780433
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/arrowNext-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/arrowNext-rtl.svg b/resources/WikimediaUI-icons-SVGs/arrowNext-rtl.svg
index 14a34861..adee96bb 100644
--- a/resources/WikimediaUI-icons-SVGs/arrowNext-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/arrowNext-rtl.svg
@@ -3,5 +3,5 @@
next
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/arrowPrevious-ltr.png b/resources/WikimediaUI-icons-SVGs/arrowPrevious-ltr.png
new file mode 100644
index 00000000..59919fbe
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/arrowPrevious-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/arrowPrevious-ltr.svg b/resources/WikimediaUI-icons-SVGs/arrowPrevious-ltr.svg
index e4907cce..69d5eb74 100644
--- a/resources/WikimediaUI-icons-SVGs/arrowPrevious-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/arrowPrevious-ltr.svg
@@ -3,5 +3,5 @@
previous
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/arrowPrevious-rtl.png b/resources/WikimediaUI-icons-SVGs/arrowPrevious-rtl.png
new file mode 100644
index 00000000..663f1740
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/arrowPrevious-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/article-ltr.png b/resources/WikimediaUI-icons-SVGs/article-ltr.png
new file mode 100644
index 00000000..eedb02f0
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/article-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/article-ltr.svg b/resources/WikimediaUI-icons-SVGs/article-ltr.svg
index 5de6c308..820abdd8 100644
--- a/resources/WikimediaUI-icons-SVGs/article-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/article-ltr.svg
@@ -3,5 +3,5 @@
article
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/article-rtl.png b/resources/WikimediaUI-icons-SVGs/article-rtl.png
new file mode 100644
index 00000000..58b9070d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/article-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/article-rtl.svg b/resources/WikimediaUI-icons-SVGs/article-rtl.svg
index d3d83245..c441d4a6 100644
--- a/resources/WikimediaUI-icons-SVGs/article-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/article-rtl.svg
@@ -3,5 +3,5 @@
article
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/articleAdd.png b/resources/WikimediaUI-icons-SVGs/articleAdd.png
new file mode 100644
index 00000000..b17b18b8
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articleAdd.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articleCheck.png b/resources/WikimediaUI-icons-SVGs/articleCheck.png
new file mode 100644
index 00000000..1d7ed468
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articleCheck.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articleCheck.svg b/resources/WikimediaUI-icons-SVGs/articleCheck.svg
index 1d9bcae0..464b6f2a 100644
--- a/resources/WikimediaUI-icons-SVGs/articleCheck.svg
+++ b/resources/WikimediaUI-icons-SVGs/articleCheck.svg
@@ -3,5 +3,5 @@
article check
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/articleDisambiguation-ltr.png b/resources/WikimediaUI-icons-SVGs/articleDisambiguation-ltr.png
new file mode 100644
index 00000000..7781f531
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articleDisambiguation-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articleDisambiguation-rtl.png b/resources/WikimediaUI-icons-SVGs/articleDisambiguation-rtl.png
new file mode 100644
index 00000000..ab660003
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articleDisambiguation-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articleNotFound-ltr.png b/resources/WikimediaUI-icons-SVGs/articleNotFound-ltr.png
new file mode 100644
index 00000000..7453238b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articleNotFound-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articleNotFound-ltr.svg b/resources/WikimediaUI-icons-SVGs/articleNotFound-ltr.svg
index e6d6c501..b71f70d3 100644
--- a/resources/WikimediaUI-icons-SVGs/articleNotFound-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/articleNotFound-ltr.svg
@@ -3,5 +3,5 @@
article not found
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/articleNotFound-rtl.png b/resources/WikimediaUI-icons-SVGs/articleNotFound-rtl.png
new file mode 100644
index 00000000..3859d47f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articleNotFound-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articleNotFound-rtl.svg b/resources/WikimediaUI-icons-SVGs/articleNotFound-rtl.svg
index 9f1fde66..d49ee244 100644
--- a/resources/WikimediaUI-icons-SVGs/articleNotFound-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/articleNotFound-rtl.svg
@@ -3,5 +3,5 @@
article not found
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/articleRedirect-ltr.png b/resources/WikimediaUI-icons-SVGs/articleRedirect-ltr.png
new file mode 100644
index 00000000..eb877ba3
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articleRedirect-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articleRedirect-ltr.svg b/resources/WikimediaUI-icons-SVGs/articleRedirect-ltr.svg
index dbb7b0c4..f77ba942 100644
--- a/resources/WikimediaUI-icons-SVGs/articleRedirect-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/articleRedirect-ltr.svg
@@ -3,5 +3,5 @@
article redirect
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/articleRedirect-rtl.png b/resources/WikimediaUI-icons-SVGs/articleRedirect-rtl.png
new file mode 100644
index 00000000..ad6b74b0
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articleRedirect-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articleSearch.png b/resources/WikimediaUI-icons-SVGs/articleSearch.png
new file mode 100644
index 00000000..a13cba92
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articleSearch.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articleSearch.svg b/resources/WikimediaUI-icons-SVGs/articleSearch.svg
index a781e403..7e34c02a 100644
--- a/resources/WikimediaUI-icons-SVGs/articleSearch.svg
+++ b/resources/WikimediaUI-icons-SVGs/articleSearch.svg
@@ -3,6 +3,6 @@
article search
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/articles-ltr.png b/resources/WikimediaUI-icons-SVGs/articles-ltr.png
new file mode 100644
index 00000000..994a9b7c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articles-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articles-ltr.svg b/resources/WikimediaUI-icons-SVGs/articles-ltr.svg
index 250127fb..a23e1694 100644
--- a/resources/WikimediaUI-icons-SVGs/articles-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/articles-ltr.svg
@@ -3,6 +3,6 @@
articles
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/articles-rtl.png b/resources/WikimediaUI-icons-SVGs/articles-rtl.png
new file mode 100644
index 00000000..38fa4ed3
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articles-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articles-rtl.svg b/resources/WikimediaUI-icons-SVGs/articles-rtl.svg
index d39fb51a..b563b097 100644
--- a/resources/WikimediaUI-icons-SVGs/articles-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/articles-rtl.svg
@@ -3,6 +3,6 @@
articles
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/articlesSearch-ltr.png b/resources/WikimediaUI-icons-SVGs/articlesSearch-ltr.png
new file mode 100644
index 00000000..efdf7f00
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articlesSearch-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articlesSearch-ltr.svg b/resources/WikimediaUI-icons-SVGs/articlesSearch-ltr.svg
index 114a97a1..2e6d39d0 100644
--- a/resources/WikimediaUI-icons-SVGs/articlesSearch-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/articlesSearch-ltr.svg
@@ -3,7 +3,7 @@
search articles
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/articlesSearch-rtl.png b/resources/WikimediaUI-icons-SVGs/articlesSearch-rtl.png
new file mode 100644
index 00000000..6f9c6419
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/articlesSearch-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/articlesSearch-rtl.svg b/resources/WikimediaUI-icons-SVGs/articlesSearch-rtl.svg
index 1fbf2083..18ced97e 100644
--- a/resources/WikimediaUI-icons-SVGs/articlesSearch-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/articlesSearch-rtl.svg
@@ -3,7 +3,7 @@
search articles
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/attachment.png b/resources/WikimediaUI-icons-SVGs/attachment.png
new file mode 100644
index 00000000..efdac4a1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/attachment.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/attachment.svg b/resources/WikimediaUI-icons-SVGs/attachment.svg
index b8f632b8..0cb4b053 100644
--- a/resources/WikimediaUI-icons-SVGs/attachment.svg
+++ b/resources/WikimediaUI-icons-SVGs/attachment.svg
@@ -3,5 +3,5 @@
attachment
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/bell.png b/resources/WikimediaUI-icons-SVGs/bell.png
new file mode 100644
index 00000000..246dad63
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bell.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bell.svg b/resources/WikimediaUI-icons-SVGs/bell.svg
index 691059b9..bab71465 100644
--- a/resources/WikimediaUI-icons-SVGs/bell.svg
+++ b/resources/WikimediaUI-icons-SVGs/bell.svg
@@ -3,5 +3,5 @@
bell
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/bellOutline.png b/resources/WikimediaUI-icons-SVGs/bellOutline.png
new file mode 100644
index 00000000..10ef44b9
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bellOutline.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bigger.png b/resources/WikimediaUI-icons-SVGs/bigger.png
new file mode 100644
index 00000000..2a1a3949
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bigger.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bigger.svg b/resources/WikimediaUI-icons-SVGs/bigger.svg
index 93334f84..3006fbf4 100644
--- a/resources/WikimediaUI-icons-SVGs/bigger.svg
+++ b/resources/WikimediaUI-icons-SVGs/bigger.svg
@@ -3,5 +3,5 @@
bigger
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/block.png b/resources/WikimediaUI-icons-SVGs/block.png
new file mode 100644
index 00000000..e7ec9774
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/block.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/block.svg b/resources/WikimediaUI-icons-SVGs/block.svg
index 2866c259..315baadd 100644
--- a/resources/WikimediaUI-icons-SVGs/block.svg
+++ b/resources/WikimediaUI-icons-SVGs/block.svg
@@ -3,5 +3,5 @@
block
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/bold-a.png b/resources/WikimediaUI-icons-SVGs/bold-a.png
new file mode 100644
index 00000000..6e766428
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-a.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-arab-ain.png b/resources/WikimediaUI-icons-SVGs/bold-arab-ain.png
new file mode 100644
index 00000000..fdfd5cab
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-arab-ain.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-arab-dad.png b/resources/WikimediaUI-icons-SVGs/bold-arab-dad.png
new file mode 100644
index 00000000..b9eb6032
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-arab-dad.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-arab-jeem.png b/resources/WikimediaUI-icons-SVGs/bold-arab-jeem.png
new file mode 100644
index 00000000..086967f4
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-arab-jeem.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-armn-to.png b/resources/WikimediaUI-icons-SVGs/bold-armn-to.png
new file mode 100644
index 00000000..f81f159f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-armn-to.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-b.png b/resources/WikimediaUI-icons-SVGs/bold-b.png
new file mode 100644
index 00000000..5b9774ad
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-b.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-cyrl-be.png b/resources/WikimediaUI-icons-SVGs/bold-cyrl-be.png
new file mode 100644
index 00000000..01c47ed9
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-cyrl-be.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-cyrl-palochka.png b/resources/WikimediaUI-icons-SVGs/bold-cyrl-palochka.png
new file mode 100644
index 00000000..2a282bc3
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-cyrl-palochka.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-cyrl-te.png b/resources/WikimediaUI-icons-SVGs/bold-cyrl-te.png
new file mode 100644
index 00000000..d8ebe26c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-cyrl-te.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-cyrl-zhe.png b/resources/WikimediaUI-icons-SVGs/bold-cyrl-zhe.png
new file mode 100644
index 00000000..ae55916f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-cyrl-zhe.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-f.png b/resources/WikimediaUI-icons-SVGs/bold-f.png
new file mode 100644
index 00000000..8d6523c7
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-f.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-g.png b/resources/WikimediaUI-icons-SVGs/bold-g.png
new file mode 100644
index 00000000..d0077168
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-g.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-geor-man.png b/resources/WikimediaUI-icons-SVGs/bold-geor-man.png
new file mode 100644
index 00000000..bfe65885
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-geor-man.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-l.png b/resources/WikimediaUI-icons-SVGs/bold-l.png
new file mode 100644
index 00000000..72e717fa
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-l.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-n.png b/resources/WikimediaUI-icons-SVGs/bold-n.png
new file mode 100644
index 00000000..d57c5207
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-n.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bold-v.png b/resources/WikimediaUI-icons-SVGs/bold-v.png
new file mode 100644
index 00000000..014890bb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bold-v.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/book-ltr.png b/resources/WikimediaUI-icons-SVGs/book-ltr.png
new file mode 100644
index 00000000..5d3a1fbc
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/book-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/book-ltr.svg b/resources/WikimediaUI-icons-SVGs/book-ltr.svg
index f914996b..5391a788 100644
--- a/resources/WikimediaUI-icons-SVGs/book-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/book-ltr.svg
@@ -3,6 +3,6 @@
book
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/book-rtl.png b/resources/WikimediaUI-icons-SVGs/book-rtl.png
new file mode 100644
index 00000000..65c95801
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/book-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/book-rtl.svg b/resources/WikimediaUI-icons-SVGs/book-rtl.svg
index b2847416..747631f2 100644
--- a/resources/WikimediaUI-icons-SVGs/book-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/book-rtl.svg
@@ -3,6 +3,6 @@
book
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/bookmark.png b/resources/WikimediaUI-icons-SVGs/bookmark.png
new file mode 100644
index 00000000..f535f7fd
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bookmark.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bookmark.svg b/resources/WikimediaUI-icons-SVGs/bookmark.svg
index 6772458a..377c7cf6 100644
--- a/resources/WikimediaUI-icons-SVGs/bookmark.svg
+++ b/resources/WikimediaUI-icons-SVGs/bookmark.svg
@@ -3,5 +3,5 @@
bookmark
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/bookmarkOutline.png b/resources/WikimediaUI-icons-SVGs/bookmarkOutline.png
new file mode 100644
index 00000000..e602ae45
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bookmarkOutline.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bookmarkOutline.svg b/resources/WikimediaUI-icons-SVGs/bookmarkOutline.svg
index ffa13366..57a708b4 100644
--- a/resources/WikimediaUI-icons-SVGs/bookmarkOutline.svg
+++ b/resources/WikimediaUI-icons-SVGs/bookmarkOutline.svg
@@ -3,5 +3,5 @@
bookmark outlined
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/bright.png b/resources/WikimediaUI-icons-SVGs/bright.png
new file mode 100644
index 00000000..bce95aa1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/bright.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/bright.svg b/resources/WikimediaUI-icons-SVGs/bright.svg
index 2a614930..2e809afc 100644
--- a/resources/WikimediaUI-icons-SVGs/bright.svg
+++ b/resources/WikimediaUI-icons-SVGs/bright.svg
@@ -3,6 +3,6 @@
bright
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/browser-ltr.png b/resources/WikimediaUI-icons-SVGs/browser-ltr.png
new file mode 100644
index 00000000..03cb3420
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/browser-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/browser-ltr.svg b/resources/WikimediaUI-icons-SVGs/browser-ltr.svg
index 93294c2c..d3ab7a8e 100644
--- a/resources/WikimediaUI-icons-SVGs/browser-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/browser-ltr.svg
@@ -3,5 +3,5 @@
browser
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/browser-rtl.png b/resources/WikimediaUI-icons-SVGs/browser-rtl.png
new file mode 100644
index 00000000..5142bdab
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/browser-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/calendar.png b/resources/WikimediaUI-icons-SVGs/calendar.png
new file mode 100644
index 00000000..13fe7154
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/calendar.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/calendar.svg b/resources/WikimediaUI-icons-SVGs/calendar.svg
index 7a6f8626..d276d9e4 100644
--- a/resources/WikimediaUI-icons-SVGs/calendar.svg
+++ b/resources/WikimediaUI-icons-SVGs/calendar.svg
@@ -3,5 +3,5 @@
calendar
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/camera.png b/resources/WikimediaUI-icons-SVGs/camera.png
new file mode 100644
index 00000000..2edeb73c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/camera.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/camera.svg b/resources/WikimediaUI-icons-SVGs/camera.svg
index ee7f08c6..5933df93 100644
--- a/resources/WikimediaUI-icons-SVGs/camera.svg
+++ b/resources/WikimediaUI-icons-SVGs/camera.svg
@@ -3,6 +3,6 @@
camera
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/cancel.png b/resources/WikimediaUI-icons-SVGs/cancel.png
new file mode 100644
index 00000000..e574a90c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/cancel.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/cancel.svg b/resources/WikimediaUI-icons-SVGs/cancel.svg
index eaa0c2af..d0c55d3e 100644
--- a/resources/WikimediaUI-icons-SVGs/cancel.svg
+++ b/resources/WikimediaUI-icons-SVGs/cancel.svg
@@ -3,5 +3,5 @@
cancel
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/chart.png b/resources/WikimediaUI-icons-SVGs/chart.png
new file mode 100644
index 00000000..f925183a
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/chart.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/chart.svg b/resources/WikimediaUI-icons-SVGs/chart.svg
index 16e80834..a5dcdcf0 100644
--- a/resources/WikimediaUI-icons-SVGs/chart.svg
+++ b/resources/WikimediaUI-icons-SVGs/chart.svg
@@ -4,5 +4,5 @@
chart
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/check.png b/resources/WikimediaUI-icons-SVGs/check.png
new file mode 100644
index 00000000..3e75e245
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/check.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/check.svg b/resources/WikimediaUI-icons-SVGs/check.svg
index c9669fcc..b6965cd6 100644
--- a/resources/WikimediaUI-icons-SVGs/check.svg
+++ b/resources/WikimediaUI-icons-SVGs/check.svg
@@ -3,5 +3,5 @@
check
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/checkAll.png b/resources/WikimediaUI-icons-SVGs/checkAll.png
new file mode 100644
index 00000000..5b957f81
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/checkAll.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/checkAll.svg b/resources/WikimediaUI-icons-SVGs/checkAll.svg
index 519322fd..efc92f71 100644
--- a/resources/WikimediaUI-icons-SVGs/checkAll.svg
+++ b/resources/WikimediaUI-icons-SVGs/checkAll.svg
@@ -3,5 +3,5 @@
check all
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/clear.png b/resources/WikimediaUI-icons-SVGs/clear.png
new file mode 100644
index 00000000..a4e43b5d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/clear.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/clear.svg b/resources/WikimediaUI-icons-SVGs/clear.svg
index d2f9a351..aaad07ec 100644
--- a/resources/WikimediaUI-icons-SVGs/clear.svg
+++ b/resources/WikimediaUI-icons-SVGs/clear.svg
@@ -3,5 +3,5 @@
clear
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/clock.png b/resources/WikimediaUI-icons-SVGs/clock.png
new file mode 100644
index 00000000..f1f8acae
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/clock.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/clock.svg b/resources/WikimediaUI-icons-SVGs/clock.svg
index c03cd9e5..767af61d 100644
--- a/resources/WikimediaUI-icons-SVGs/clock.svg
+++ b/resources/WikimediaUI-icons-SVGs/clock.svg
@@ -3,5 +3,5 @@
clock
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/close.png b/resources/WikimediaUI-icons-SVGs/close.png
new file mode 100644
index 00000000..af555948
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/close.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/close.svg b/resources/WikimediaUI-icons-SVGs/close.svg
index 0afa15e7..39b9e0f5 100644
--- a/resources/WikimediaUI-icons-SVGs/close.svg
+++ b/resources/WikimediaUI-icons-SVGs/close.svg
@@ -3,6 +3,6 @@
close
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/code.png b/resources/WikimediaUI-icons-SVGs/code.png
new file mode 100644
index 00000000..12f9ed59
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/code.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/code.svg b/resources/WikimediaUI-icons-SVGs/code.svg
index b584c26e..6b2dee7d 100644
--- a/resources/WikimediaUI-icons-SVGs/code.svg
+++ b/resources/WikimediaUI-icons-SVGs/code.svg
@@ -3,6 +3,6 @@
code
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/collapse.png b/resources/WikimediaUI-icons-SVGs/collapse.png
new file mode 100644
index 00000000..001c7dae
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/collapse.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/collapse.svg b/resources/WikimediaUI-icons-SVGs/collapse.svg
index 9bbf6622..cc1857c4 100644
--- a/resources/WikimediaUI-icons-SVGs/collapse.svg
+++ b/resources/WikimediaUI-icons-SVGs/collapse.svg
@@ -3,5 +3,5 @@
collapse
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/database.png b/resources/WikimediaUI-icons-SVGs/database.png
new file mode 100644
index 00000000..4e99d81b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/database.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/die.png b/resources/WikimediaUI-icons-SVGs/die.png
new file mode 100644
index 00000000..8956ef3b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/die.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/die.svg b/resources/WikimediaUI-icons-SVGs/die.svg
index 1e35caa0..8460c1df 100644
--- a/resources/WikimediaUI-icons-SVGs/die.svg
+++ b/resources/WikimediaUI-icons-SVGs/die.svg
@@ -3,5 +3,5 @@
die
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-ltr.png b/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-ltr.png
new file mode 100644
index 00000000..37b1fd93
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-ltr.svg b/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-ltr.svg
index 4c730d4d..14673a1a 100644
--- a/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-ltr.svg
@@ -3,5 +3,5 @@
double chevron start
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-rtl.png b/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-rtl.png
new file mode 100644
index 00000000..901a2b9e
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-rtl.svg b/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-rtl.svg
index 815494b3..76f4e7d0 100644
--- a/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/doubleChevronEnd-rtl.svg
@@ -3,5 +3,5 @@
double chevron end
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/doubleChevronStart-ltr.png b/resources/WikimediaUI-icons-SVGs/doubleChevronStart-ltr.png
new file mode 100644
index 00000000..901a2b9e
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/doubleChevronStart-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/doubleChevronStart-ltr.svg b/resources/WikimediaUI-icons-SVGs/doubleChevronStart-ltr.svg
index 7d2f6f3d..2122b81e 100644
--- a/resources/WikimediaUI-icons-SVGs/doubleChevronStart-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/doubleChevronStart-ltr.svg
@@ -3,5 +3,5 @@
double chevron start
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/doubleChevronStart-rtl.png b/resources/WikimediaUI-icons-SVGs/doubleChevronStart-rtl.png
new file mode 100644
index 00000000..37b1fd93
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/doubleChevronStart-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/doubleChevronStart-rtl.svg b/resources/WikimediaUI-icons-SVGs/doubleChevronStart-rtl.svg
index 4c730d4d..14673a1a 100644
--- a/resources/WikimediaUI-icons-SVGs/doubleChevronStart-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/doubleChevronStart-rtl.svg
@@ -3,5 +3,5 @@
double chevron start
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/down.png b/resources/WikimediaUI-icons-SVGs/down.png
new file mode 100644
index 00000000..8844da80
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/down.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/down.svg b/resources/WikimediaUI-icons-SVGs/down.svg
index 4b15fce6..6245f295 100644
--- a/resources/WikimediaUI-icons-SVGs/down.svg
+++ b/resources/WikimediaUI-icons-SVGs/down.svg
@@ -3,5 +3,5 @@
down
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/downTriangle.png b/resources/WikimediaUI-icons-SVGs/downTriangle.png
new file mode 100644
index 00000000..6731afdb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/downTriangle.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/downTriangle.svg b/resources/WikimediaUI-icons-SVGs/downTriangle.svg
index ebb44562..e4e3b2a5 100644
--- a/resources/WikimediaUI-icons-SVGs/downTriangle.svg
+++ b/resources/WikimediaUI-icons-SVGs/downTriangle.svg
@@ -3,5 +3,5 @@
down triangle
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/download.png b/resources/WikimediaUI-icons-SVGs/download.png
new file mode 100644
index 00000000..44cd70c7
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/download.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/download.svg b/resources/WikimediaUI-icons-SVGs/download.svg
index b48e6201..08258e76 100644
--- a/resources/WikimediaUI-icons-SVGs/download.svg
+++ b/resources/WikimediaUI-icons-SVGs/download.svg
@@ -3,6 +3,6 @@
download
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/draggable.png b/resources/WikimediaUI-icons-SVGs/draggable.png
new file mode 100644
index 00000000..2b0c209f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/draggable.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/edit.png b/resources/WikimediaUI-icons-SVGs/edit.png
new file mode 100644
index 00000000..aa96b3c8
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/edit.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/edit.svg b/resources/WikimediaUI-icons-SVGs/edit.svg
index 87c57148..e0b9f71b 100644
--- a/resources/WikimediaUI-icons-SVGs/edit.svg
+++ b/resources/WikimediaUI-icons-SVGs/edit.svg
@@ -3,5 +3,5 @@
edit
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/editLock.png b/resources/WikimediaUI-icons-SVGs/editLock.png
new file mode 100644
index 00000000..b75752e5
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/editLock.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/editLock.svg b/resources/WikimediaUI-icons-SVGs/editLock.svg
index 90540281..df22ded4 100644
--- a/resources/WikimediaUI-icons-SVGs/editLock.svg
+++ b/resources/WikimediaUI-icons-SVGs/editLock.svg
@@ -3,5 +3,5 @@
edit lock
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/editUndo-ltr.png b/resources/WikimediaUI-icons-SVGs/editUndo-ltr.png
new file mode 100644
index 00000000..1ef913d1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/editUndo-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/editUndo-ltr.svg b/resources/WikimediaUI-icons-SVGs/editUndo-ltr.svg
index 1c4a5701..803a8986 100644
--- a/resources/WikimediaUI-icons-SVGs/editUndo-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/editUndo-ltr.svg
@@ -3,5 +3,5 @@
undo edit
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/editUndo-rtl.png b/resources/WikimediaUI-icons-SVGs/editUndo-rtl.png
new file mode 100644
index 00000000..ba9771df
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/editUndo-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/editUndo-rtl.svg b/resources/WikimediaUI-icons-SVGs/editUndo-rtl.svg
index 9b16e4f8..0a6e5b03 100644
--- a/resources/WikimediaUI-icons-SVGs/editUndo-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/editUndo-rtl.svg
@@ -4,5 +4,5 @@
undo edit
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/ellipsis.png b/resources/WikimediaUI-icons-SVGs/ellipsis.png
new file mode 100644
index 00000000..9ca6dfcb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/ellipsis.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/error.png b/resources/WikimediaUI-icons-SVGs/error.png
new file mode 100644
index 00000000..f135d5db
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/error.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/exitFullscreen.png b/resources/WikimediaUI-icons-SVGs/exitFullscreen.png
new file mode 100644
index 00000000..dd1babe1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/exitFullscreen.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/expand.png b/resources/WikimediaUI-icons-SVGs/expand.png
new file mode 100644
index 00000000..af5f3b76
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/expand.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/expand.svg b/resources/WikimediaUI-icons-SVGs/expand.svg
index 040729f2..d4a41d10 100644
--- a/resources/WikimediaUI-icons-SVGs/expand.svg
+++ b/resources/WikimediaUI-icons-SVGs/expand.svg
@@ -3,5 +3,5 @@
expand
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/eye.png b/resources/WikimediaUI-icons-SVGs/eye.png
new file mode 100644
index 00000000..da35238a
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/eye.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/eye.svg b/resources/WikimediaUI-icons-SVGs/eye.svg
index 0626ebcb..dc7fce7c 100644
--- a/resources/WikimediaUI-icons-SVGs/eye.svg
+++ b/resources/WikimediaUI-icons-SVGs/eye.svg
@@ -3,6 +3,6 @@
eye
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/eyeClosed.png b/resources/WikimediaUI-icons-SVGs/eyeClosed.png
new file mode 100644
index 00000000..cb419bd0
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/eyeClosed.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/eyeClosed.svg b/resources/WikimediaUI-icons-SVGs/eyeClosed.svg
index 26a53937..6b7ca4e0 100644
--- a/resources/WikimediaUI-icons-SVGs/eyeClosed.svg
+++ b/resources/WikimediaUI-icons-SVGs/eyeClosed.svg
@@ -3,6 +3,6 @@
eye closed
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/feedback-ltr.png b/resources/WikimediaUI-icons-SVGs/feedback-ltr.png
new file mode 100644
index 00000000..4be0d27f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/feedback-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/feedback-ltr.svg b/resources/WikimediaUI-icons-SVGs/feedback-ltr.svg
index a3d64001..2d9239d1 100644
--- a/resources/WikimediaUI-icons-SVGs/feedback-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/feedback-ltr.svg
@@ -3,6 +3,6 @@
feedback
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/feedback-rtl.png b/resources/WikimediaUI-icons-SVGs/feedback-rtl.png
new file mode 100644
index 00000000..bfa98fea
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/feedback-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/flag-ltr.png b/resources/WikimediaUI-icons-SVGs/flag-ltr.png
new file mode 100644
index 00000000..a66eee97
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/flag-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/flag-ltr.svg b/resources/WikimediaUI-icons-SVGs/flag-ltr.svg
index bc2d694a..c2b6408f 100644
--- a/resources/WikimediaUI-icons-SVGs/flag-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/flag-ltr.svg
@@ -3,5 +3,5 @@
flag
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/flag-rtl.png b/resources/WikimediaUI-icons-SVGs/flag-rtl.png
new file mode 100644
index 00000000..b0bdfa91
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/flag-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/flag-rtl.svg b/resources/WikimediaUI-icons-SVGs/flag-rtl.svg
index cbc4ae70..b6815355 100644
--- a/resources/WikimediaUI-icons-SVGs/flag-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/flag-rtl.svg
@@ -3,5 +3,5 @@
flag
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/folderPlaceholder-ltr.png b/resources/WikimediaUI-icons-SVGs/folderPlaceholder-ltr.png
new file mode 100644
index 00000000..41732cb3
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/folderPlaceholder-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/folderPlaceholder-ltr.svg b/resources/WikimediaUI-icons-SVGs/folderPlaceholder-ltr.svg
index e3d5885a..6a01a5f2 100644
--- a/resources/WikimediaUI-icons-SVGs/folderPlaceholder-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/folderPlaceholder-ltr.svg
@@ -3,6 +3,6 @@
folder placeholder
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/folderPlaceholder-rtl.png b/resources/WikimediaUI-icons-SVGs/folderPlaceholder-rtl.png
new file mode 100644
index 00000000..5350256c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/folderPlaceholder-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/folderPlaceholder-rtl.svg b/resources/WikimediaUI-icons-SVGs/folderPlaceholder-rtl.svg
index 13b766cf..103a7dc6 100644
--- a/resources/WikimediaUI-icons-SVGs/folderPlaceholder-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/folderPlaceholder-rtl.svg
@@ -3,6 +3,6 @@
folder placeholder
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/fullScreen.png b/resources/WikimediaUI-icons-SVGs/fullScreen.png
new file mode 100644
index 00000000..d3cd3ac5
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/fullScreen.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/funnel-ltr.png b/resources/WikimediaUI-icons-SVGs/funnel-ltr.png
new file mode 100644
index 00000000..ed8c9ebb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/funnel-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/funnel-ltr.svg b/resources/WikimediaUI-icons-SVGs/funnel-ltr.svg
index a245a108..39e40158 100644
--- a/resources/WikimediaUI-icons-SVGs/funnel-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/funnel-ltr.svg
@@ -3,6 +3,6 @@
funnel
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/funnel-rtl.png b/resources/WikimediaUI-icons-SVGs/funnel-rtl.png
new file mode 100644
index 00000000..f487ecdc
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/funnel-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/funnel-rtl.svg b/resources/WikimediaUI-icons-SVGs/funnel-rtl.svg
index 807ac0dc..b12d879a 100644
--- a/resources/WikimediaUI-icons-SVGs/funnel-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/funnel-rtl.svg
@@ -4,5 +4,5 @@
funnel
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/globe.png b/resources/WikimediaUI-icons-SVGs/globe.png
new file mode 100644
index 00000000..f1453228
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/globe.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/globe.svg b/resources/WikimediaUI-icons-SVGs/globe.svg
index 49629154..2f044432 100644
--- a/resources/WikimediaUI-icons-SVGs/globe.svg
+++ b/resources/WikimediaUI-icons-SVGs/globe.svg
@@ -3,5 +3,5 @@
globe
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/halfBright-ltr.png b/resources/WikimediaUI-icons-SVGs/halfBright-ltr.png
new file mode 100644
index 00000000..11190cfb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/halfBright-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/halfBright-ltr.svg b/resources/WikimediaUI-icons-SVGs/halfBright-ltr.svg
index b75c2091..00089705 100644
--- a/resources/WikimediaUI-icons-SVGs/halfBright-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/halfBright-ltr.svg
@@ -3,5 +3,5 @@
half bright
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/halfBright-rtl.png b/resources/WikimediaUI-icons-SVGs/halfBright-rtl.png
new file mode 100644
index 00000000..dd31540c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/halfBright-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/halfBright-rtl.svg b/resources/WikimediaUI-icons-SVGs/halfBright-rtl.svg
index 75d1c788..5151f98b 100644
--- a/resources/WikimediaUI-icons-SVGs/halfBright-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/halfBright-rtl.svg
@@ -3,5 +3,5 @@
half bright
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/halfStar-ltr.png b/resources/WikimediaUI-icons-SVGs/halfStar-ltr.png
new file mode 100644
index 00000000..ad1b651c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/halfStar-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/halfStar-rtl.png b/resources/WikimediaUI-icons-SVGs/halfStar-rtl.png
new file mode 100644
index 00000000..a10730ce
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/halfStar-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/halfStar-rtl.svg b/resources/WikimediaUI-icons-SVGs/halfStar-rtl.svg
index f878297e..5eb7b531 100644
--- a/resources/WikimediaUI-icons-SVGs/halfStar-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/halfStar-rtl.svg
@@ -3,5 +3,5 @@
half star
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/hand.png b/resources/WikimediaUI-icons-SVGs/hand.png
new file mode 100644
index 00000000..db3addb6
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/hand.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/heart.png b/resources/WikimediaUI-icons-SVGs/heart.png
new file mode 100644
index 00000000..d041ee3b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/heart.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/heart.svg b/resources/WikimediaUI-icons-SVGs/heart.svg
index 4f96a594..56bd359e 100644
--- a/resources/WikimediaUI-icons-SVGs/heart.svg
+++ b/resources/WikimediaUI-icons-SVGs/heart.svg
@@ -3,5 +3,5 @@
heart
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/help-ltr.png b/resources/WikimediaUI-icons-SVGs/help-ltr.png
new file mode 100644
index 00000000..b2518b01
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/help-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/help-ltr.svg b/resources/WikimediaUI-icons-SVGs/help-ltr.svg
index 4a05044c..c1847703 100644
--- a/resources/WikimediaUI-icons-SVGs/help-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/help-ltr.svg
@@ -3,6 +3,6 @@
help
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/help-rtl.png b/resources/WikimediaUI-icons-SVGs/help-rtl.png
new file mode 100644
index 00000000..d5071c4d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/help-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/help-rtl.svg b/resources/WikimediaUI-icons-SVGs/help-rtl.svg
index 5353a8b4..44d1569d 100644
--- a/resources/WikimediaUI-icons-SVGs/help-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/help-rtl.svg
@@ -3,6 +3,6 @@
help
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/helpNotice-ltr.png b/resources/WikimediaUI-icons-SVGs/helpNotice-ltr.png
new file mode 100644
index 00000000..e2cad184
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/helpNotice-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/helpNotice-ltr.svg b/resources/WikimediaUI-icons-SVGs/helpNotice-ltr.svg
index aad985d7..8f0c3dc8 100644
--- a/resources/WikimediaUI-icons-SVGs/helpNotice-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/helpNotice-ltr.svg
@@ -3,5 +3,5 @@
help
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/helpNotice-rtl.png b/resources/WikimediaUI-icons-SVGs/helpNotice-rtl.png
new file mode 100644
index 00000000..373e44e3
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/helpNotice-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/helpNotice-rtl.svg b/resources/WikimediaUI-icons-SVGs/helpNotice-rtl.svg
index 8e15819f..5a3122ab 100644
--- a/resources/WikimediaUI-icons-SVGs/helpNotice-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/helpNotice-rtl.svg
@@ -3,5 +3,5 @@
help
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/hieroglyph.png b/resources/WikimediaUI-icons-SVGs/hieroglyph.png
new file mode 100644
index 00000000..a77f47db
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/hieroglyph.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/hieroglyph.svg b/resources/WikimediaUI-icons-SVGs/hieroglyph.svg
index ec7b092b..74ab0019 100644
--- a/resources/WikimediaUI-icons-SVGs/hieroglyph.svg
+++ b/resources/WikimediaUI-icons-SVGs/hieroglyph.svg
@@ -3,5 +3,5 @@
hieroglyph
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/highlight.png b/resources/WikimediaUI-icons-SVGs/highlight.png
new file mode 100644
index 00000000..3df95796
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/highlight.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/highlight.svg b/resources/WikimediaUI-icons-SVGs/highlight.svg
index 8b9fe867..f4708b84 100644
--- a/resources/WikimediaUI-icons-SVGs/highlight.svg
+++ b/resources/WikimediaUI-icons-SVGs/highlight.svg
@@ -3,5 +3,5 @@
highlight
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/history.png b/resources/WikimediaUI-icons-SVGs/history.png
new file mode 100644
index 00000000..aa309ec2
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/history.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/history.svg b/resources/WikimediaUI-icons-SVGs/history.svg
index 6ee52d67..29ce9f95 100644
--- a/resources/WikimediaUI-icons-SVGs/history.svg
+++ b/resources/WikimediaUI-icons-SVGs/history.svg
@@ -4,5 +4,5 @@
history
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/home.png b/resources/WikimediaUI-icons-SVGs/home.png
new file mode 100644
index 00000000..da89dde7
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/home.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/home.svg b/resources/WikimediaUI-icons-SVGs/home.svg
index fc7d64c9..ec86b17b 100644
--- a/resources/WikimediaUI-icons-SVGs/home.svg
+++ b/resources/WikimediaUI-icons-SVGs/home.svg
@@ -3,5 +3,5 @@
home
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/image.png b/resources/WikimediaUI-icons-SVGs/image.png
new file mode 100644
index 00000000..a416e548
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/image.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/image.svg b/resources/WikimediaUI-icons-SVGs/image.svg
index ef754b9c..eb829321 100644
--- a/resources/WikimediaUI-icons-SVGs/image.svg
+++ b/resources/WikimediaUI-icons-SVGs/image.svg
@@ -3,5 +3,5 @@
image
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/imageAdd-ltr.png b/resources/WikimediaUI-icons-SVGs/imageAdd-ltr.png
new file mode 100644
index 00000000..ae4f0c6d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/imageAdd-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/imageAdd-ltr.svg b/resources/WikimediaUI-icons-SVGs/imageAdd-ltr.svg
index 4e3b5a7f..e29076d7 100644
--- a/resources/WikimediaUI-icons-SVGs/imageAdd-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/imageAdd-ltr.svg
@@ -3,6 +3,6 @@
add image
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/imageAdd-rtl.png b/resources/WikimediaUI-icons-SVGs/imageAdd-rtl.png
new file mode 100644
index 00000000..556c0658
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/imageAdd-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/imageAdd-rtl.svg b/resources/WikimediaUI-icons-SVGs/imageAdd-rtl.svg
index 71adef2c..16d473e8 100644
--- a/resources/WikimediaUI-icons-SVGs/imageAdd-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/imageAdd-rtl.svg
@@ -3,5 +3,5 @@
add image
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/imageBroken.png b/resources/WikimediaUI-icons-SVGs/imageBroken.png
new file mode 100644
index 00000000..efa1193f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/imageBroken.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/imageBroken.svg b/resources/WikimediaUI-icons-SVGs/imageBroken.svg
index e9e71714..20d8aee6 100644
--- a/resources/WikimediaUI-icons-SVGs/imageBroken.svg
+++ b/resources/WikimediaUI-icons-SVGs/imageBroken.svg
@@ -3,6 +3,6 @@
broken image
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/imageGallery.png b/resources/WikimediaUI-icons-SVGs/imageGallery.png
new file mode 100644
index 00000000..db2355fd
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/imageGallery.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/imageGallery.svg b/resources/WikimediaUI-icons-SVGs/imageGallery.svg
index 1b95478c..3fd9ee57 100644
--- a/resources/WikimediaUI-icons-SVGs/imageGallery.svg
+++ b/resources/WikimediaUI-icons-SVGs/imageGallery.svg
@@ -3,5 +3,5 @@
image gallery
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/imageLayoutBasic.png b/resources/WikimediaUI-icons-SVGs/imageLayoutBasic.png
new file mode 100644
index 00000000..423d18f4
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/imageLayoutBasic.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/imageLayoutFrame.png b/resources/WikimediaUI-icons-SVGs/imageLayoutFrame.png
new file mode 100644
index 00000000..f91269b5
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/imageLayoutFrame.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/imageLayoutFrame.svg b/resources/WikimediaUI-icons-SVGs/imageLayoutFrame.svg
index 62c4ceef..ddfbd1d1 100644
--- a/resources/WikimediaUI-icons-SVGs/imageLayoutFrame.svg
+++ b/resources/WikimediaUI-icons-SVGs/imageLayoutFrame.svg
@@ -3,6 +3,6 @@
image layout frame
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/imageLayoutFrameless.png b/resources/WikimediaUI-icons-SVGs/imageLayoutFrameless.png
new file mode 100644
index 00000000..b1aa0636
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/imageLayoutFrameless.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/imageLayoutThumbnail.png b/resources/WikimediaUI-icons-SVGs/imageLayoutThumbnail.png
new file mode 100644
index 00000000..fb50d857
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/imageLayoutThumbnail.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/imageLayoutThumbnail.svg b/resources/WikimediaUI-icons-SVGs/imageLayoutThumbnail.svg
index ff8aad32..822de95a 100644
--- a/resources/WikimediaUI-icons-SVGs/imageLayoutThumbnail.svg
+++ b/resources/WikimediaUI-icons-SVGs/imageLayoutThumbnail.svg
@@ -3,6 +3,6 @@
image layout thumbnail
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/imageLock-ltr.png b/resources/WikimediaUI-icons-SVGs/imageLock-ltr.png
new file mode 100644
index 00000000..bbd68765
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/imageLock-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/imageLock-ltr.svg b/resources/WikimediaUI-icons-SVGs/imageLock-ltr.svg
index 1e0d0ccd..d8d5b6b5 100644
--- a/resources/WikimediaUI-icons-SVGs/imageLock-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/imageLock-ltr.svg
@@ -3,6 +3,6 @@
image locked
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/imageLock-rtl.png b/resources/WikimediaUI-icons-SVGs/imageLock-rtl.png
new file mode 100644
index 00000000..88087f9b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/imageLock-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/imageLock-rtl.svg b/resources/WikimediaUI-icons-SVGs/imageLock-rtl.svg
index 9a07afb4..215f48e9 100644
--- a/resources/WikimediaUI-icons-SVGs/imageLock-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/imageLock-rtl.svg
@@ -3,5 +3,5 @@
image locked
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/indent-ltr.png b/resources/WikimediaUI-icons-SVGs/indent-ltr.png
new file mode 100644
index 00000000..c5211326
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/indent-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/indent-ltr.svg b/resources/WikimediaUI-icons-SVGs/indent-ltr.svg
index 157c2622..e4d4d617 100644
--- a/resources/WikimediaUI-icons-SVGs/indent-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/indent-ltr.svg
@@ -3,5 +3,5 @@
indent
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/indent-rtl.png b/resources/WikimediaUI-icons-SVGs/indent-rtl.png
new file mode 100644
index 00000000..458db365
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/indent-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/info.png b/resources/WikimediaUI-icons-SVGs/info.png
new file mode 100644
index 00000000..3c44dace
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/info.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/info.svg b/resources/WikimediaUI-icons-SVGs/info.svg
index 5e0d87b7..ff2399e2 100644
--- a/resources/WikimediaUI-icons-SVGs/info.svg
+++ b/resources/WikimediaUI-icons-SVGs/info.svg
@@ -3,5 +3,5 @@
info
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/infoFilled.png b/resources/WikimediaUI-icons-SVGs/infoFilled.png
new file mode 100644
index 00000000..f66a1cf5
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/infoFilled.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-a.png b/resources/WikimediaUI-icons-SVGs/italic-a.png
new file mode 100644
index 00000000..55728223
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-a.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-arab-keheh-jeem.png b/resources/WikimediaUI-icons-SVGs/italic-arab-keheh-jeem.png
new file mode 100644
index 00000000..20d1345b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-arab-keheh-jeem.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-arab-meem.png b/resources/WikimediaUI-icons-SVGs/italic-arab-meem.png
new file mode 100644
index 00000000..5b0dca9c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-arab-meem.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-arab-teh.png b/resources/WikimediaUI-icons-SVGs/italic-arab-teh.png
new file mode 100644
index 00000000..02184862
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-arab-teh.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-armn-sha.png b/resources/WikimediaUI-icons-SVGs/italic-armn-sha.png
new file mode 100644
index 00000000..0c6bd37e
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-armn-sha.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-c.png b/resources/WikimediaUI-icons-SVGs/italic-c.png
new file mode 100644
index 00000000..2376b3f0
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-c.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-d.png b/resources/WikimediaUI-icons-SVGs/italic-d.png
new file mode 100644
index 00000000..8c04a224
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-d.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-e.png b/resources/WikimediaUI-icons-SVGs/italic-e.png
new file mode 100644
index 00000000..fc7ca113
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-e.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-geor-kan.png b/resources/WikimediaUI-icons-SVGs/italic-geor-kan.png
new file mode 100644
index 00000000..4d5a5b5a
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-geor-kan.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-i.png b/resources/WikimediaUI-icons-SVGs/italic-i.png
new file mode 100644
index 00000000..9804ed0a
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-i.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-k.png b/resources/WikimediaUI-icons-SVGs/italic-k.png
new file mode 100644
index 00000000..598e0f45
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-k.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/italic-s.png b/resources/WikimediaUI-icons-SVGs/italic-s.png
new file mode 100644
index 00000000..6a73d5a3
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/italic-s.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/journal-ltr.png b/resources/WikimediaUI-icons-SVGs/journal-ltr.png
new file mode 100644
index 00000000..8a4150b2
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/journal-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/journal-ltr.svg b/resources/WikimediaUI-icons-SVGs/journal-ltr.svg
index 62b72c3f..e1dea555 100644
--- a/resources/WikimediaUI-icons-SVGs/journal-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/journal-ltr.svg
@@ -3,5 +3,5 @@
journal
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/journal-rtl.png b/resources/WikimediaUI-icons-SVGs/journal-rtl.png
new file mode 100644
index 00000000..45653fae
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/journal-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/key.png b/resources/WikimediaUI-icons-SVGs/key.png
new file mode 100644
index 00000000..572bce2e
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/key.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/key.svg b/resources/WikimediaUI-icons-SVGs/key.svg
index 79e4025b..66f4df4d 100644
--- a/resources/WikimediaUI-icons-SVGs/key.svg
+++ b/resources/WikimediaUI-icons-SVGs/key.svg
@@ -3,5 +3,5 @@
key
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/keyboard.png b/resources/WikimediaUI-icons-SVGs/keyboard.png
new file mode 100644
index 00000000..a47ff46c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/keyboard.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/keyboard.svg b/resources/WikimediaUI-icons-SVGs/keyboard.svg
index 33a7ee65..a56471b0 100644
--- a/resources/WikimediaUI-icons-SVGs/keyboard.svg
+++ b/resources/WikimediaUI-icons-SVGs/keyboard.svg
@@ -3,5 +3,5 @@
keyboard
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/labFlask.png b/resources/WikimediaUI-icons-SVGs/labFlask.png
new file mode 100644
index 00000000..ba82db81
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/labFlask.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/labFlask.svg b/resources/WikimediaUI-icons-SVGs/labFlask.svg
index 22358587..c95a51a8 100644
--- a/resources/WikimediaUI-icons-SVGs/labFlask.svg
+++ b/resources/WikimediaUI-icons-SVGs/labFlask.svg
@@ -3,5 +3,5 @@
laboratory flask
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/language.png b/resources/WikimediaUI-icons-SVGs/language.png
new file mode 100644
index 00000000..15518013
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/language.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/language.svg b/resources/WikimediaUI-icons-SVGs/language.svg
index 1012f474..9262f73f 100644
--- a/resources/WikimediaUI-icons-SVGs/language.svg
+++ b/resources/WikimediaUI-icons-SVGs/language.svg
@@ -3,5 +3,5 @@
language
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/largerText.png b/resources/WikimediaUI-icons-SVGs/largerText.png
new file mode 100644
index 00000000..4dc417c5
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/largerText.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/largerText.svg b/resources/WikimediaUI-icons-SVGs/largerText.svg
index 7fc3bb88..189e7e68 100644
--- a/resources/WikimediaUI-icons-SVGs/largerText.svg
+++ b/resources/WikimediaUI-icons-SVGs/largerText.svg
@@ -3,5 +3,5 @@
larger text
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/layout-ltr.png b/resources/WikimediaUI-icons-SVGs/layout-ltr.png
new file mode 100644
index 00000000..e3b5cbd8
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/layout-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/layout-rtl.png b/resources/WikimediaUI-icons-SVGs/layout-rtl.png
new file mode 100644
index 00000000..ffb0fba9
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/layout-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/lightbulb.png b/resources/WikimediaUI-icons-SVGs/lightbulb.png
new file mode 100644
index 00000000..c8c2023c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/lightbulb.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/lightbulb.svg b/resources/WikimediaUI-icons-SVGs/lightbulb.svg
index 044e771b..3a4ed26d 100644
--- a/resources/WikimediaUI-icons-SVGs/lightbulb.svg
+++ b/resources/WikimediaUI-icons-SVGs/lightbulb.svg
@@ -3,5 +3,5 @@
lightbulb
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/link.png b/resources/WikimediaUI-icons-SVGs/link.png
new file mode 100644
index 00000000..ee6aae79
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/link.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/link.svg b/resources/WikimediaUI-icons-SVGs/link.svg
index cc2a2edb..581d0e37 100644
--- a/resources/WikimediaUI-icons-SVGs/link.svg
+++ b/resources/WikimediaUI-icons-SVGs/link.svg
@@ -3,6 +3,6 @@
link
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/linkExternal-ltr.png b/resources/WikimediaUI-icons-SVGs/linkExternal-ltr.png
new file mode 100644
index 00000000..f5fc0b7e
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/linkExternal-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/linkExternal-ltr.svg b/resources/WikimediaUI-icons-SVGs/linkExternal-ltr.svg
index e3a98e04..8590c3fc 100644
--- a/resources/WikimediaUI-icons-SVGs/linkExternal-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/linkExternal-ltr.svg
@@ -3,6 +3,6 @@
external link
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/linkExternal-rtl.png b/resources/WikimediaUI-icons-SVGs/linkExternal-rtl.png
new file mode 100644
index 00000000..2a9bec88
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/linkExternal-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/linkExternal-rtl.svg b/resources/WikimediaUI-icons-SVGs/linkExternal-rtl.svg
index 91b4da92..10025e5c 100644
--- a/resources/WikimediaUI-icons-SVGs/linkExternal-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/linkExternal-rtl.svg
@@ -4,5 +4,5 @@
external link
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/linkSecure.png b/resources/WikimediaUI-icons-SVGs/linkSecure.png
new file mode 100644
index 00000000..66184b3b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/linkSecure.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/linkSecure.svg b/resources/WikimediaUI-icons-SVGs/linkSecure.svg
index 54ae3973..e92ad00f 100644
--- a/resources/WikimediaUI-icons-SVGs/linkSecure.svg
+++ b/resources/WikimediaUI-icons-SVGs/linkSecure.svg
@@ -3,5 +3,5 @@
secure link
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/listBullet-ltr.png b/resources/WikimediaUI-icons-SVGs/listBullet-ltr.png
new file mode 100644
index 00000000..044b6562
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/listBullet-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/listBullet-rtl.png b/resources/WikimediaUI-icons-SVGs/listBullet-rtl.png
new file mode 100644
index 00000000..f01059c8
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/listBullet-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/listNumbered-ltr.png b/resources/WikimediaUI-icons-SVGs/listNumbered-ltr.png
new file mode 100644
index 00000000..9f7dd535
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/listNumbered-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/listNumbered-ltr.svg b/resources/WikimediaUI-icons-SVGs/listNumbered-ltr.svg
index 9270702a..abd456a5 100644
--- a/resources/WikimediaUI-icons-SVGs/listNumbered-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/listNumbered-ltr.svg
@@ -3,5 +3,5 @@
numbered list
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/listNumbered-rtl.png b/resources/WikimediaUI-icons-SVGs/listNumbered-rtl.png
new file mode 100644
index 00000000..f2d776ce
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/listNumbered-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/lock.png b/resources/WikimediaUI-icons-SVGs/lock.png
new file mode 100644
index 00000000..66184b3b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/lock.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/lock.svg b/resources/WikimediaUI-icons-SVGs/lock.svg
index b53a8692..d6fbab6d 100644
--- a/resources/WikimediaUI-icons-SVGs/lock.svg
+++ b/resources/WikimediaUI-icons-SVGs/lock.svg
@@ -3,5 +3,5 @@
lock
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/logIn-ltr.png b/resources/WikimediaUI-icons-SVGs/logIn-ltr.png
new file mode 100644
index 00000000..75639fd6
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/logIn-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/logIn-rtl.png b/resources/WikimediaUI-icons-SVGs/logIn-rtl.png
new file mode 100644
index 00000000..27c16552
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/logIn-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/logOut-ltr.png b/resources/WikimediaUI-icons-SVGs/logOut-ltr.png
new file mode 100644
index 00000000..9366d366
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/logOut-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/logOut-ltr.svg b/resources/WikimediaUI-icons-SVGs/logOut-ltr.svg
index c59a0abc..98ca7b4d 100644
--- a/resources/WikimediaUI-icons-SVGs/logOut-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/logOut-ltr.svg
@@ -3,6 +3,6 @@
log out
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/logOut-rtl.png b/resources/WikimediaUI-icons-SVGs/logOut-rtl.png
new file mode 100644
index 00000000..ae17bd9b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/logOut-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/logo-CC.png b/resources/WikimediaUI-icons-SVGs/logo-CC.png
new file mode 100644
index 00000000..e9772b12
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/logo-CC.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/logo-CC.svg b/resources/WikimediaUI-icons-SVGs/logo-CC.svg
index 4fa22427..3b56d5b7 100644
--- a/resources/WikimediaUI-icons-SVGs/logo-CC.svg
+++ b/resources/WikimediaUI-icons-SVGs/logo-CC.svg
@@ -3,6 +3,6 @@
Creative Commons logo
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/logo-Wikidata.png b/resources/WikimediaUI-icons-SVGs/logo-Wikidata.png
new file mode 100644
index 00000000..f863f049
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/logo-Wikidata.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Commons.png b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Commons.png
new file mode 100644
index 00000000..3c934364
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Commons.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Commons.svg b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Commons.svg
index 3e003048..5501ac68 100644
--- a/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Commons.svg
+++ b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Commons.svg
@@ -3,6 +3,6 @@
Wikimedia Commons logo
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Discovery.png b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Discovery.png
new file mode 100644
index 00000000..7bb5bc67
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Discovery.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Discovery.svg b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Discovery.svg
index 72f0a419..2df61195 100644
--- a/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Discovery.svg
+++ b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia-Discovery.svg
@@ -3,5 +3,5 @@
Wikimedia Discovery logo
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/logo-Wikimedia.png b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia.png
new file mode 100644
index 00000000..88b3bd9f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/logo-Wikimedia.svg b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia.svg
index cadf6a74..d54d9dab 100644
--- a/resources/WikimediaUI-icons-SVGs/logo-Wikimedia.svg
+++ b/resources/WikimediaUI-icons-SVGs/logo-Wikimedia.svg
@@ -3,7 +3,7 @@
Wikimedia logo
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/logo-Wikipedia.png b/resources/WikimediaUI-icons-SVGs/logo-Wikipedia.png
new file mode 100644
index 00000000..09c77105
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/logo-Wikipedia.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/logo-Wikipedia.svg b/resources/WikimediaUI-icons-SVGs/logo-Wikipedia.svg
index 201cc6dd..bb68b255 100644
--- a/resources/WikimediaUI-icons-SVGs/logo-Wikipedia.svg
+++ b/resources/WikimediaUI-icons-SVGs/logo-Wikipedia.svg
@@ -3,5 +3,5 @@
Wikipedia logo
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/map-ltr.png b/resources/WikimediaUI-icons-SVGs/map-ltr.png
new file mode 100644
index 00000000..d1a488a4
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/map-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/map-ltr.svg b/resources/WikimediaUI-icons-SVGs/map-ltr.svg
index 026bcdcc..a55b5937 100644
--- a/resources/WikimediaUI-icons-SVGs/map-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/map-ltr.svg
@@ -3,5 +3,5 @@
map
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/map-rtl.png b/resources/WikimediaUI-icons-SVGs/map-rtl.png
new file mode 100644
index 00000000..ba2c2b94
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/map-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/map-rtl.svg b/resources/WikimediaUI-icons-SVGs/map-rtl.svg
index 07c42ab3..ec7ca3d7 100644
--- a/resources/WikimediaUI-icons-SVGs/map-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/map-rtl.svg
@@ -3,5 +3,5 @@
map
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/mapPin.png b/resources/WikimediaUI-icons-SVGs/mapPin.png
new file mode 100644
index 00000000..3b99e782
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/mapPin.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/mapPin.svg b/resources/WikimediaUI-icons-SVGs/mapPin.svg
index 4d76366a..29891188 100644
--- a/resources/WikimediaUI-icons-SVGs/mapPin.svg
+++ b/resources/WikimediaUI-icons-SVGs/mapPin.svg
@@ -3,5 +3,5 @@
map pin
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/mapPinAdd.png b/resources/WikimediaUI-icons-SVGs/mapPinAdd.png
new file mode 100644
index 00000000..eb36c170
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/mapPinAdd.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/mapPinAdd.svg b/resources/WikimediaUI-icons-SVGs/mapPinAdd.svg
index 10580e66..b0b54b48 100644
--- a/resources/WikimediaUI-icons-SVGs/mapPinAdd.svg
+++ b/resources/WikimediaUI-icons-SVGs/mapPinAdd.svg
@@ -3,5 +3,5 @@
add map pin
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/mapTrail.png b/resources/WikimediaUI-icons-SVGs/mapTrail.png
new file mode 100644
index 00000000..ea1dda06
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/mapTrail.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/mapTrail.svg b/resources/WikimediaUI-icons-SVGs/mapTrail.svg
index 49c08e45..580be212 100644
--- a/resources/WikimediaUI-icons-SVGs/mapTrail.svg
+++ b/resources/WikimediaUI-icons-SVGs/mapTrail.svg
@@ -3,7 +3,7 @@
map trail
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/markup.png b/resources/WikimediaUI-icons-SVGs/markup.png
new file mode 100644
index 00000000..53bd9277
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/markup.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/markup.svg b/resources/WikimediaUI-icons-SVGs/markup.svg
index 65405999..bbb8c400 100644
--- a/resources/WikimediaUI-icons-SVGs/markup.svg
+++ b/resources/WikimediaUI-icons-SVGs/markup.svg
@@ -3,5 +3,5 @@
markup
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/mathematics.png b/resources/WikimediaUI-icons-SVGs/mathematics.png
new file mode 100644
index 00000000..203a1e05
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/mathematics.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/mathematicsDisplayBlock.png b/resources/WikimediaUI-icons-SVGs/mathematicsDisplayBlock.png
new file mode 100644
index 00000000..6873f19d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/mathematicsDisplayBlock.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/mathematicsDisplayDefault.png b/resources/WikimediaUI-icons-SVGs/mathematicsDisplayDefault.png
new file mode 100644
index 00000000..888ec378
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/mathematicsDisplayDefault.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/mathematicsDisplayInline.png b/resources/WikimediaUI-icons-SVGs/mathematicsDisplayInline.png
new file mode 100644
index 00000000..ac3704d1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/mathematicsDisplayInline.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/menu.png b/resources/WikimediaUI-icons-SVGs/menu.png
new file mode 100644
index 00000000..7fc7aac2
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/menu.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/message.png b/resources/WikimediaUI-icons-SVGs/message.png
new file mode 100644
index 00000000..74f57e24
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/message.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/message.svg b/resources/WikimediaUI-icons-SVGs/message.svg
index f1c3bb9b..e1a05705 100644
--- a/resources/WikimediaUI-icons-SVGs/message.svg
+++ b/resources/WikimediaUI-icons-SVGs/message.svg
@@ -3,6 +3,6 @@
message
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/moon.png b/resources/WikimediaUI-icons-SVGs/moon.png
new file mode 100644
index 00000000..390947ff
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/moon.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/moon.svg b/resources/WikimediaUI-icons-SVGs/moon.svg
index e51bd99f..0dfebbe1 100644
--- a/resources/WikimediaUI-icons-SVGs/moon.svg
+++ b/resources/WikimediaUI-icons-SVGs/moon.svg
@@ -3,5 +3,5 @@
moon
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/move.png b/resources/WikimediaUI-icons-SVGs/move.png
new file mode 100644
index 00000000..85dcde92
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/move.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/move.svg b/resources/WikimediaUI-icons-SVGs/move.svg
index ddbf49b9..d56f2e22 100644
--- a/resources/WikimediaUI-icons-SVGs/move.svg
+++ b/resources/WikimediaUI-icons-SVGs/move.svg
@@ -3,5 +3,5 @@
move
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/moveFirst-ltr.png b/resources/WikimediaUI-icons-SVGs/moveFirst-ltr.png
new file mode 100644
index 00000000..9db46b72
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/moveFirst-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/moveFirst-rtl.png b/resources/WikimediaUI-icons-SVGs/moveFirst-rtl.png
new file mode 100644
index 00000000..4e01c9bb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/moveFirst-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/moveFirst-rtl.svg b/resources/WikimediaUI-icons-SVGs/moveFirst-rtl.svg
index d0c9640a..52a3d520 100644
--- a/resources/WikimediaUI-icons-SVGs/moveFirst-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/moveFirst-rtl.svg
@@ -3,5 +3,5 @@
first
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/moveLast-ltr.png b/resources/WikimediaUI-icons-SVGs/moveLast-ltr.png
new file mode 100644
index 00000000..4e01c9bb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/moveLast-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/moveLast-ltr.svg b/resources/WikimediaUI-icons-SVGs/moveLast-ltr.svg
index 6a905b1f..68922911 100644
--- a/resources/WikimediaUI-icons-SVGs/moveLast-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/moveLast-ltr.svg
@@ -3,5 +3,5 @@
last
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/moveLast-rtl.png b/resources/WikimediaUI-icons-SVGs/moveLast-rtl.png
new file mode 100644
index 00000000..9db46b72
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/moveLast-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/musicalScore.png b/resources/WikimediaUI-icons-SVGs/musicalScore.png
new file mode 100644
index 00000000..4e8c7bfc
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/musicalScore.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/network.png b/resources/WikimediaUI-icons-SVGs/network.png
new file mode 100644
index 00000000..cca9c5e9
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/network.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/network.svg b/resources/WikimediaUI-icons-SVGs/network.svg
index ee821ea2..0c8801c3 100644
--- a/resources/WikimediaUI-icons-SVGs/network.svg
+++ b/resources/WikimediaUI-icons-SVGs/network.svg
@@ -4,5 +4,5 @@
network
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/networkOff.png b/resources/WikimediaUI-icons-SVGs/networkOff.png
new file mode 100644
index 00000000..017fcd1f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/networkOff.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/networkOff.svg b/resources/WikimediaUI-icons-SVGs/networkOff.svg
index f76e6884..0a4c67cb 100644
--- a/resources/WikimediaUI-icons-SVGs/networkOff.svg
+++ b/resources/WikimediaUI-icons-SVGs/networkOff.svg
@@ -4,5 +4,5 @@
network off
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/newWindow-ltr.png b/resources/WikimediaUI-icons-SVGs/newWindow-ltr.png
new file mode 100644
index 00000000..2e4ba639
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/newWindow-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/newWindow-ltr.svg b/resources/WikimediaUI-icons-SVGs/newWindow-ltr.svg
index dc211f68..6ce8f3de 100644
--- a/resources/WikimediaUI-icons-SVGs/newWindow-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/newWindow-ltr.svg
@@ -3,6 +3,6 @@
new window
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/newWindow-rtl.png b/resources/WikimediaUI-icons-SVGs/newWindow-rtl.png
new file mode 100644
index 00000000..2a9bec88
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/newWindow-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/newWindow-rtl.svg b/resources/WikimediaUI-icons-SVGs/newWindow-rtl.svg
index 47dc0c3d..b0ec4263 100644
--- a/resources/WikimediaUI-icons-SVGs/newWindow-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/newWindow-rtl.svg
@@ -4,5 +4,5 @@
new window
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/newline-ltr.png b/resources/WikimediaUI-icons-SVGs/newline-ltr.png
new file mode 100644
index 00000000..3cfdd8f8
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/newline-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/newline-rtl.png b/resources/WikimediaUI-icons-SVGs/newline-rtl.png
new file mode 100644
index 00000000..dd83559e
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/newline-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/newspaper-ltr.png b/resources/WikimediaUI-icons-SVGs/newspaper-ltr.png
new file mode 100644
index 00000000..5d0d723d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/newspaper-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/newspaper-ltr.svg b/resources/WikimediaUI-icons-SVGs/newspaper-ltr.svg
index 78127438..1f1e496a 100644
--- a/resources/WikimediaUI-icons-SVGs/newspaper-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/newspaper-ltr.svg
@@ -3,5 +3,5 @@
newspaper
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/newspaper-rtl.png b/resources/WikimediaUI-icons-SVGs/newspaper-rtl.png
new file mode 100644
index 00000000..fe4956a8
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/newspaper-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/next-ltr.png b/resources/WikimediaUI-icons-SVGs/next-ltr.png
new file mode 100644
index 00000000..8c09008d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/next-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/next-ltr.svg b/resources/WikimediaUI-icons-SVGs/next-ltr.svg
index 3d86cf81..4d44c3cc 100644
--- a/resources/WikimediaUI-icons-SVGs/next-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/next-ltr.svg
@@ -3,5 +3,5 @@
next
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/next-rtl.png b/resources/WikimediaUI-icons-SVGs/next-rtl.png
new file mode 100644
index 00000000..22023ee2
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/next-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/next-rtl.svg b/resources/WikimediaUI-icons-SVGs/next-rtl.svg
index 9faf2405..787ee086 100644
--- a/resources/WikimediaUI-icons-SVGs/next-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/next-rtl.svg
@@ -3,5 +3,5 @@
next
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/noWikiText.png b/resources/WikimediaUI-icons-SVGs/noWikiText.png
new file mode 100644
index 00000000..2dfd0047
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/noWikiText.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/noWikiText.svg b/resources/WikimediaUI-icons-SVGs/noWikiText.svg
index 5139629c..66d4041e 100644
--- a/resources/WikimediaUI-icons-SVGs/noWikiText.svg
+++ b/resources/WikimediaUI-icons-SVGs/noWikiText.svg
@@ -3,5 +3,5 @@
no WikiText
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/notBright.png b/resources/WikimediaUI-icons-SVGs/notBright.png
new file mode 100644
index 00000000..efd8a846
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/notBright.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/notice.png b/resources/WikimediaUI-icons-SVGs/notice.png
new file mode 100644
index 00000000..6f96ea12
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/notice.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/notice.svg b/resources/WikimediaUI-icons-SVGs/notice.svg
index dc0b82fd..06a7f5ec 100644
--- a/resources/WikimediaUI-icons-SVGs/notice.svg
+++ b/resources/WikimediaUI-icons-SVGs/notice.svg
@@ -3,5 +3,5 @@
notice
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/ocr.png b/resources/WikimediaUI-icons-SVGs/ocr.png
new file mode 100644
index 00000000..fefba084
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/ocr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/ocr.svg b/resources/WikimediaUI-icons-SVGs/ocr.svg
index 89f1a50e..8078a6e4 100644
--- a/resources/WikimediaUI-icons-SVGs/ocr.svg
+++ b/resources/WikimediaUI-icons-SVGs/ocr.svg
@@ -3,6 +3,6 @@
optical character recognition
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/ongoingConversation-ltr.png b/resources/WikimediaUI-icons-SVGs/ongoingConversation-ltr.png
new file mode 100644
index 00000000..4e302d49
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/ongoingConversation-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/ongoingConversation-ltr.svg b/resources/WikimediaUI-icons-SVGs/ongoingConversation-ltr.svg
index fcf38ecd..83f9d5a6 100644
--- a/resources/WikimediaUI-icons-SVGs/ongoingConversation-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/ongoingConversation-ltr.svg
@@ -3,5 +3,5 @@
ongoing conversation
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/ongoingConversation-rtl.png b/resources/WikimediaUI-icons-SVGs/ongoingConversation-rtl.png
new file mode 100644
index 00000000..d7c9a4ea
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/ongoingConversation-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/outdent-ltr.png b/resources/WikimediaUI-icons-SVGs/outdent-ltr.png
new file mode 100644
index 00000000..180b525b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/outdent-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/outdent-ltr.svg b/resources/WikimediaUI-icons-SVGs/outdent-ltr.svg
index 375dcac2..f2a7dca7 100644
--- a/resources/WikimediaUI-icons-SVGs/outdent-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/outdent-ltr.svg
@@ -3,5 +3,5 @@
outdent
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/outdent-rtl.png b/resources/WikimediaUI-icons-SVGs/outdent-rtl.png
new file mode 100644
index 00000000..f3120f18
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/outdent-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/outline-ltr.png b/resources/WikimediaUI-icons-SVGs/outline-ltr.png
new file mode 100644
index 00000000..1b3a5d00
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/outline-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/outline-rtl.png b/resources/WikimediaUI-icons-SVGs/outline-rtl.png
new file mode 100644
index 00000000..12b0072c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/outline-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/pageSettings.png b/resources/WikimediaUI-icons-SVGs/pageSettings.png
new file mode 100644
index 00000000..fba4b2c6
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/pageSettings.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/pageSettings.svg b/resources/WikimediaUI-icons-SVGs/pageSettings.svg
index 3d0b0e9f..392dfc53 100644
--- a/resources/WikimediaUI-icons-SVGs/pageSettings.svg
+++ b/resources/WikimediaUI-icons-SVGs/pageSettings.svg
@@ -4,5 +4,5 @@
page settings
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/pause.png b/resources/WikimediaUI-icons-SVGs/pause.png
new file mode 100644
index 00000000..e0d1be02
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/pause.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/play.png b/resources/WikimediaUI-icons-SVGs/play.png
new file mode 100644
index 00000000..428710a6
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/play.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/play.svg b/resources/WikimediaUI-icons-SVGs/play.svg
index e07e3e70..3c5f4d08 100644
--- a/resources/WikimediaUI-icons-SVGs/play.svg
+++ b/resources/WikimediaUI-icons-SVGs/play.svg
@@ -3,5 +3,5 @@
play
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/previous-ltr.png b/resources/WikimediaUI-icons-SVGs/previous-ltr.png
new file mode 100644
index 00000000..22023ee2
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/previous-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/previous-ltr.svg b/resources/WikimediaUI-icons-SVGs/previous-ltr.svg
index 9e5f9d60..f97bc301 100644
--- a/resources/WikimediaUI-icons-SVGs/previous-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/previous-ltr.svg
@@ -3,5 +3,5 @@
previous
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/previous-rtl.png b/resources/WikimediaUI-icons-SVGs/previous-rtl.png
new file mode 100644
index 00000000..8c09008d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/previous-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/previous-rtl.svg b/resources/WikimediaUI-icons-SVGs/previous-rtl.svg
index e74ce537..0d2923d6 100644
--- a/resources/WikimediaUI-icons-SVGs/previous-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/previous-rtl.svg
@@ -3,5 +3,5 @@
previous
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/printer.png b/resources/WikimediaUI-icons-SVGs/printer.png
new file mode 100644
index 00000000..0c98056f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/printer.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/printer.svg b/resources/WikimediaUI-icons-SVGs/printer.svg
index c3f70812..f280450c 100644
--- a/resources/WikimediaUI-icons-SVGs/printer.svg
+++ b/resources/WikimediaUI-icons-SVGs/printer.svg
@@ -3,5 +3,5 @@
printer
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/pushPin.png b/resources/WikimediaUI-icons-SVGs/pushPin.png
new file mode 100644
index 00000000..cdcc08c2
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/pushPin.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/pushPin.svg b/resources/WikimediaUI-icons-SVGs/pushPin.svg
index 6d928231..4f6fd3f6 100644
--- a/resources/WikimediaUI-icons-SVGs/pushPin.svg
+++ b/resources/WikimediaUI-icons-SVGs/pushPin.svg
@@ -3,5 +3,5 @@
push pin
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/puzzle-ltr.png b/resources/WikimediaUI-icons-SVGs/puzzle-ltr.png
new file mode 100644
index 00000000..0cbb5ba7
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/puzzle-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/puzzle-ltr.svg b/resources/WikimediaUI-icons-SVGs/puzzle-ltr.svg
index 2a17a850..bf6b6982 100644
--- a/resources/WikimediaUI-icons-SVGs/puzzle-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/puzzle-ltr.svg
@@ -4,5 +4,5 @@
puzzle
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/puzzle-rtl.png b/resources/WikimediaUI-icons-SVGs/puzzle-rtl.png
new file mode 100644
index 00000000..85d9e2c4
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/puzzle-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/puzzle-rtl.svg b/resources/WikimediaUI-icons-SVGs/puzzle-rtl.svg
index 6dd2172d..742657c0 100644
--- a/resources/WikimediaUI-icons-SVGs/puzzle-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/puzzle-rtl.svg
@@ -4,5 +4,5 @@
puzzle
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/quotes-ltr.png b/resources/WikimediaUI-icons-SVGs/quotes-ltr.png
new file mode 100644
index 00000000..a8b86a96
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/quotes-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/quotes-ltr.svg b/resources/WikimediaUI-icons-SVGs/quotes-ltr.svg
index 29d383e9..f6fb5753 100644
--- a/resources/WikimediaUI-icons-SVGs/quotes-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/quotes-ltr.svg
@@ -3,5 +3,5 @@
quotes
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/quotes-rtl.png b/resources/WikimediaUI-icons-SVGs/quotes-rtl.png
new file mode 100644
index 00000000..1bf02058
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/quotes-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/recentChanges-ltr.png b/resources/WikimediaUI-icons-SVGs/recentChanges-ltr.png
new file mode 100644
index 00000000..4f5f3707
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/recentChanges-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/recentChanges-rtl.png b/resources/WikimediaUI-icons-SVGs/recentChanges-rtl.png
new file mode 100644
index 00000000..50038d9c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/recentChanges-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/redo-ltr.png b/resources/WikimediaUI-icons-SVGs/redo-ltr.png
new file mode 100644
index 00000000..cbd46cb1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/redo-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/redo-ltr.svg b/resources/WikimediaUI-icons-SVGs/redo-ltr.svg
index 263f663c..612e2eda 100644
--- a/resources/WikimediaUI-icons-SVGs/redo-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/redo-ltr.svg
@@ -3,5 +3,5 @@
redo
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/redo-rtl.png b/resources/WikimediaUI-icons-SVGs/redo-rtl.png
new file mode 100644
index 00000000..28f93968
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/redo-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/redo-rtl.svg b/resources/WikimediaUI-icons-SVGs/redo-rtl.svg
index 250cb88a..f05ffe7e 100644
--- a/resources/WikimediaUI-icons-SVGs/redo-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/redo-rtl.svg
@@ -3,5 +3,5 @@
redo
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/reference.png b/resources/WikimediaUI-icons-SVGs/reference.png
new file mode 100644
index 00000000..ae7c37aa
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/reference.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/reference.svg b/resources/WikimediaUI-icons-SVGs/reference.svg
index fcb110ef..57086302 100644
--- a/resources/WikimediaUI-icons-SVGs/reference.svg
+++ b/resources/WikimediaUI-icons-SVGs/reference.svg
@@ -3,5 +3,5 @@
reference
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/referenceExisting-ltr.png b/resources/WikimediaUI-icons-SVGs/referenceExisting-ltr.png
new file mode 100644
index 00000000..ea85975d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/referenceExisting-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/referenceExisting-ltr.svg b/resources/WikimediaUI-icons-SVGs/referenceExisting-ltr.svg
index f7702f9f..6f6f5cd7 100644
--- a/resources/WikimediaUI-icons-SVGs/referenceExisting-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/referenceExisting-ltr.svg
@@ -3,6 +3,6 @@
existing reference
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/referenceExisting-rtl.png b/resources/WikimediaUI-icons-SVGs/referenceExisting-rtl.png
new file mode 100644
index 00000000..08f267f5
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/referenceExisting-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/referenceExisting-rtl.svg b/resources/WikimediaUI-icons-SVGs/referenceExisting-rtl.svg
index 507169ca..6ae85a4f 100644
--- a/resources/WikimediaUI-icons-SVGs/referenceExisting-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/referenceExisting-rtl.svg
@@ -3,6 +3,6 @@
existing reference
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/references-ltr.png b/resources/WikimediaUI-icons-SVGs/references-ltr.png
new file mode 100644
index 00000000..a59c405e
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/references-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/references-ltr.svg b/resources/WikimediaUI-icons-SVGs/references-ltr.svg
index 342f5f73..afb4ea86 100644
--- a/resources/WikimediaUI-icons-SVGs/references-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/references-ltr.svg
@@ -3,5 +3,5 @@
references
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/references-rtl.png b/resources/WikimediaUI-icons-SVGs/references-rtl.png
new file mode 100644
index 00000000..013bae55
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/references-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/references-rtl.svg b/resources/WikimediaUI-icons-SVGs/references-rtl.svg
index bf46d6f4..05c6ea1e 100644
--- a/resources/WikimediaUI-icons-SVGs/references-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/references-rtl.svg
@@ -3,5 +3,5 @@
references
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/reload.png b/resources/WikimediaUI-icons-SVGs/reload.png
new file mode 100644
index 00000000..5e473a96
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/reload.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/reload.svg b/resources/WikimediaUI-icons-SVGs/reload.svg
index 4d62e16f..5ca4e7a5 100644
--- a/resources/WikimediaUI-icons-SVGs/reload.svg
+++ b/resources/WikimediaUI-icons-SVGs/reload.svg
@@ -3,5 +3,5 @@
reload
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/required.png b/resources/WikimediaUI-icons-SVGs/required.png
new file mode 100644
index 00000000..c9a5927d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/required.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/required.svg b/resources/WikimediaUI-icons-SVGs/required.svg
index 43054523..7f0d3de8 100644
--- a/resources/WikimediaUI-icons-SVGs/required.svg
+++ b/resources/WikimediaUI-icons-SVGs/required.svg
@@ -4,6 +4,6 @@
required
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/restore.png b/resources/WikimediaUI-icons-SVGs/restore.png
new file mode 100644
index 00000000..a30d8c94
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/restore.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/restore.svg b/resources/WikimediaUI-icons-SVGs/restore.svg
index e041259b..0477444e 100644
--- a/resources/WikimediaUI-icons-SVGs/restore.svg
+++ b/resources/WikimediaUI-icons-SVGs/restore.svg
@@ -3,5 +3,5 @@
restore
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/robot.png b/resources/WikimediaUI-icons-SVGs/robot.png
new file mode 100644
index 00000000..1933e505
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/robot.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/robot.svg b/resources/WikimediaUI-icons-SVGs/robot.svg
index e8ffe8d5..1349e7a0 100644
--- a/resources/WikimediaUI-icons-SVGs/robot.svg
+++ b/resources/WikimediaUI-icons-SVGs/robot.svg
@@ -3,5 +3,5 @@
robot
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/sandbox.png b/resources/WikimediaUI-icons-SVGs/sandbox.png
new file mode 100644
index 00000000..39592f56
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/sandbox.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/sandbox.svg b/resources/WikimediaUI-icons-SVGs/sandbox.svg
index c4db24ed..18c0b209 100644
--- a/resources/WikimediaUI-icons-SVGs/sandbox.svg
+++ b/resources/WikimediaUI-icons-SVGs/sandbox.svg
@@ -3,5 +3,5 @@
sandbox
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/search.png b/resources/WikimediaUI-icons-SVGs/search.png
new file mode 100644
index 00000000..fd39c5d1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/search.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/search.svg b/resources/WikimediaUI-icons-SVGs/search.svg
index b62983a2..4b41f377 100644
--- a/resources/WikimediaUI-icons-SVGs/search.svg
+++ b/resources/WikimediaUI-icons-SVGs/search.svg
@@ -3,5 +3,5 @@
search
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/searchCaseSensitive.png b/resources/WikimediaUI-icons-SVGs/searchCaseSensitive.png
new file mode 100644
index 00000000..e9d9c8e4
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/searchCaseSensitive.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/searchCaseSensitive.svg b/resources/WikimediaUI-icons-SVGs/searchCaseSensitive.svg
index 73ac8eb2..ed2dddea 100644
--- a/resources/WikimediaUI-icons-SVGs/searchCaseSensitive.svg
+++ b/resources/WikimediaUI-icons-SVGs/searchCaseSensitive.svg
@@ -3,5 +3,5 @@
search case sensitive
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/searchDiacritics.png b/resources/WikimediaUI-icons-SVGs/searchDiacritics.png
new file mode 100644
index 00000000..88ba9684
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/searchDiacritics.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/searchDiacritics.svg b/resources/WikimediaUI-icons-SVGs/searchDiacritics.svg
index 9a7b7e8a..e33609a4 100644
--- a/resources/WikimediaUI-icons-SVGs/searchDiacritics.svg
+++ b/resources/WikimediaUI-icons-SVGs/searchDiacritics.svg
@@ -3,5 +3,5 @@
search diacritics
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/searchRegularExpression.png b/resources/WikimediaUI-icons-SVGs/searchRegularExpression.png
new file mode 100644
index 00000000..8c9e317e
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/searchRegularExpression.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/searchRegularExpression.svg b/resources/WikimediaUI-icons-SVGs/searchRegularExpression.svg
index 4d00976c..0e40ea26 100644
--- a/resources/WikimediaUI-icons-SVGs/searchRegularExpression.svg
+++ b/resources/WikimediaUI-icons-SVGs/searchRegularExpression.svg
@@ -3,6 +3,6 @@
search regular expression
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/settings.png b/resources/WikimediaUI-icons-SVGs/settings.png
new file mode 100644
index 00000000..d9b71462
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/settings.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/settings.svg b/resources/WikimediaUI-icons-SVGs/settings.svg
index 5a3c219c..1392026a 100644
--- a/resources/WikimediaUI-icons-SVGs/settings.svg
+++ b/resources/WikimediaUI-icons-SVGs/settings.svg
@@ -5,9 +5,9 @@
-
-
-
+
+
+
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/share.png b/resources/WikimediaUI-icons-SVGs/share.png
new file mode 100644
index 00000000..ae52fa6f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/share.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/share.svg b/resources/WikimediaUI-icons-SVGs/share.svg
index 5c4d7dcf..a68ef3c0 100644
--- a/resources/WikimediaUI-icons-SVGs/share.svg
+++ b/resources/WikimediaUI-icons-SVGs/share.svg
@@ -3,5 +3,5 @@
share
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/signature-ltr.png b/resources/WikimediaUI-icons-SVGs/signature-ltr.png
new file mode 100644
index 00000000..758598ff
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/signature-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/signature-ltr.svg b/resources/WikimediaUI-icons-SVGs/signature-ltr.svg
index 7c216b6c..c5801f62 100644
--- a/resources/WikimediaUI-icons-SVGs/signature-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/signature-ltr.svg
@@ -3,6 +3,6 @@
signature
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/signature-rtl.png b/resources/WikimediaUI-icons-SVGs/signature-rtl.png
new file mode 100644
index 00000000..a7bfa0dc
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/signature-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/signature-rtl.svg b/resources/WikimediaUI-icons-SVGs/signature-rtl.svg
index d2908f76..a759adc6 100644
--- a/resources/WikimediaUI-icons-SVGs/signature-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/signature-rtl.svg
@@ -3,6 +3,6 @@
signature
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/smaller.png b/resources/WikimediaUI-icons-SVGs/smaller.png
new file mode 100644
index 00000000..13e4d2a1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/smaller.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/smaller.svg b/resources/WikimediaUI-icons-SVGs/smaller.svg
index 7ad6e3b7..e0589e22 100644
--- a/resources/WikimediaUI-icons-SVGs/smaller.svg
+++ b/resources/WikimediaUI-icons-SVGs/smaller.svg
@@ -3,5 +3,5 @@
smaller
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/smallerText.png b/resources/WikimediaUI-icons-SVGs/smallerText.png
new file mode 100644
index 00000000..c2a42008
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/smallerText.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/smallerText.svg b/resources/WikimediaUI-icons-SVGs/smallerText.svg
index e8193a70..59041a3b 100644
--- a/resources/WikimediaUI-icons-SVGs/smallerText.svg
+++ b/resources/WikimediaUI-icons-SVGs/smallerText.svg
@@ -3,5 +3,5 @@
smaller text
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/specialCharacter.png b/resources/WikimediaUI-icons-SVGs/specialCharacter.png
new file mode 100644
index 00000000..fac2e379
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/specialCharacter.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/specialCharacter.svg b/resources/WikimediaUI-icons-SVGs/specialCharacter.svg
index dcd77b42..9303b381 100644
--- a/resources/WikimediaUI-icons-SVGs/specialCharacter.svg
+++ b/resources/WikimediaUI-icons-SVGs/specialCharacter.svg
@@ -3,5 +3,5 @@
special character
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/specialPages-ltr.png b/resources/WikimediaUI-icons-SVGs/specialPages-ltr.png
new file mode 100644
index 00000000..aecdb911
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/specialPages-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/specialPages-ltr.svg b/resources/WikimediaUI-icons-SVGs/specialPages-ltr.svg
index 93df4218..97a2f044 100644
--- a/resources/WikimediaUI-icons-SVGs/specialPages-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/specialPages-ltr.svg
@@ -3,6 +3,6 @@
special pages
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/specialPages-rtl.png b/resources/WikimediaUI-icons-SVGs/specialPages-rtl.png
new file mode 100644
index 00000000..a0138812
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/specialPages-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/specialPages-rtl.svg b/resources/WikimediaUI-icons-SVGs/specialPages-rtl.svg
index 58a10a2e..02a88fda 100644
--- a/resources/WikimediaUI-icons-SVGs/specialPages-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/specialPages-rtl.svg
@@ -3,6 +3,6 @@
special pages
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/speechBubble-ltr.png b/resources/WikimediaUI-icons-SVGs/speechBubble-ltr.png
new file mode 100644
index 00000000..50cf2cc1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/speechBubble-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/speechBubble-rtl.png b/resources/WikimediaUI-icons-SVGs/speechBubble-rtl.png
new file mode 100644
index 00000000..38724091
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/speechBubble-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/speechBubbleAdd-ltr.png b/resources/WikimediaUI-icons-SVGs/speechBubbleAdd-ltr.png
new file mode 100644
index 00000000..0f4c7564
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/speechBubbleAdd-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/speechBubbleAdd-ltr.svg b/resources/WikimediaUI-icons-SVGs/speechBubbleAdd-ltr.svg
index 7cd95d49..b78e4c2b 100644
--- a/resources/WikimediaUI-icons-SVGs/speechBubbleAdd-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/speechBubbleAdd-ltr.svg
@@ -3,5 +3,5 @@
add speech bubble
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/speechBubbleAdd-rtl.png b/resources/WikimediaUI-icons-SVGs/speechBubbleAdd-rtl.png
new file mode 100644
index 00000000..5ffcb943
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/speechBubbleAdd-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/speechBubbles-ltr.png b/resources/WikimediaUI-icons-SVGs/speechBubbles-ltr.png
new file mode 100644
index 00000000..ff495667
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/speechBubbles-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/speechBubbles-ltr.svg b/resources/WikimediaUI-icons-SVGs/speechBubbles-ltr.svg
index b5d5776d..e529f5e2 100644
--- a/resources/WikimediaUI-icons-SVGs/speechBubbles-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/speechBubbles-ltr.svg
@@ -3,6 +3,6 @@
speech bubbles
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/speechBubbles-rtl.png b/resources/WikimediaUI-icons-SVGs/speechBubbles-rtl.png
new file mode 100644
index 00000000..bc5e76d7
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/speechBubbles-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/speechBubbles-rtl.svg b/resources/WikimediaUI-icons-SVGs/speechBubbles-rtl.svg
index fe760f03..2fdbd461 100644
--- a/resources/WikimediaUI-icons-SVGs/speechBubbles-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/speechBubbles-rtl.svg
@@ -3,6 +3,6 @@
speech bubbles
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/star.png b/resources/WikimediaUI-icons-SVGs/star.png
new file mode 100644
index 00000000..0305bdcb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/star.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/star.svg b/resources/WikimediaUI-icons-SVGs/star.svg
index e0d7a5bb..1ce064e4 100644
--- a/resources/WikimediaUI-icons-SVGs/star.svg
+++ b/resources/WikimediaUI-icons-SVGs/star.svg
@@ -3,5 +3,5 @@
star
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/stop.png b/resources/WikimediaUI-icons-SVGs/stop.png
new file mode 100644
index 00000000..a1232a63
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/stop.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/strikethrough-a.png b/resources/WikimediaUI-icons-SVGs/strikethrough-a.png
new file mode 100644
index 00000000..74ac4fd0
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/strikethrough-a.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/strikethrough-s.png b/resources/WikimediaUI-icons-SVGs/strikethrough-s.png
new file mode 100644
index 00000000..8b255908
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/strikethrough-s.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/strikethrough-s.svg b/resources/WikimediaUI-icons-SVGs/strikethrough-s.svg
index 868fa219..0bd2fdc4 100644
--- a/resources/WikimediaUI-icons-SVGs/strikethrough-s.svg
+++ b/resources/WikimediaUI-icons-SVGs/strikethrough-s.svg
@@ -3,5 +3,5 @@
strikethrough
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/strikethrough-y.png b/resources/WikimediaUI-icons-SVGs/strikethrough-y.png
new file mode 100644
index 00000000..3ae24fd1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/strikethrough-y.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/subscript-ltr.png b/resources/WikimediaUI-icons-SVGs/subscript-ltr.png
new file mode 100644
index 00000000..ceb39444
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/subscript-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/subscript-ltr.svg b/resources/WikimediaUI-icons-SVGs/subscript-ltr.svg
index c787cb06..903d917f 100644
--- a/resources/WikimediaUI-icons-SVGs/subscript-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/subscript-ltr.svg
@@ -3,5 +3,5 @@
subscript
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/subscript-rtl.png b/resources/WikimediaUI-icons-SVGs/subscript-rtl.png
new file mode 100644
index 00000000..d53666c4
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/subscript-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/subscript-rtl.svg b/resources/WikimediaUI-icons-SVGs/subscript-rtl.svg
index 78e292c6..b75ba541 100644
--- a/resources/WikimediaUI-icons-SVGs/subscript-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/subscript-rtl.svg
@@ -3,5 +3,5 @@
subscript
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/subtract.png b/resources/WikimediaUI-icons-SVGs/subtract.png
new file mode 100644
index 00000000..ffbc977f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/subtract.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/superscript-ltr.png b/resources/WikimediaUI-icons-SVGs/superscript-ltr.png
new file mode 100644
index 00000000..634f9d40
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/superscript-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/superscript-ltr.svg b/resources/WikimediaUI-icons-SVGs/superscript-ltr.svg
index 2fee2064..0e34f087 100644
--- a/resources/WikimediaUI-icons-SVGs/superscript-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/superscript-ltr.svg
@@ -3,5 +3,5 @@
superscript
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/superscript-rtl.png b/resources/WikimediaUI-icons-SVGs/superscript-rtl.png
new file mode 100644
index 00000000..41123077
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/superscript-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/table.png b/resources/WikimediaUI-icons-SVGs/table.png
new file mode 100644
index 00000000..0533c056
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/table.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/table.svg b/resources/WikimediaUI-icons-SVGs/table.svg
index c9554d19..d5ebebe6 100644
--- a/resources/WikimediaUI-icons-SVGs/table.svg
+++ b/resources/WikimediaUI-icons-SVGs/table.svg
@@ -3,5 +3,5 @@
table
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/tableAddColumnAfter-ltr.png b/resources/WikimediaUI-icons-SVGs/tableAddColumnAfter-ltr.png
new file mode 100644
index 00000000..bdf3c742
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableAddColumnAfter-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableAddColumnAfter-rtl.png b/resources/WikimediaUI-icons-SVGs/tableAddColumnAfter-rtl.png
new file mode 100644
index 00000000..021be7bb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableAddColumnAfter-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableAddColumnBefore-ltr.png b/resources/WikimediaUI-icons-SVGs/tableAddColumnBefore-ltr.png
new file mode 100644
index 00000000..021be7bb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableAddColumnBefore-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableAddColumnBefore-rtl.png b/resources/WikimediaUI-icons-SVGs/tableAddColumnBefore-rtl.png
new file mode 100644
index 00000000..bdf3c742
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableAddColumnBefore-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableAddRowAfter.png b/resources/WikimediaUI-icons-SVGs/tableAddRowAfter.png
new file mode 100644
index 00000000..de6cf9eb
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableAddRowAfter.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableAddRowBefore.png b/resources/WikimediaUI-icons-SVGs/tableAddRowBefore.png
new file mode 100644
index 00000000..4db2d1b8
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableAddRowBefore.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableCaption.png b/resources/WikimediaUI-icons-SVGs/tableCaption.png
new file mode 100644
index 00000000..151ac583
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableCaption.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableCaption.svg b/resources/WikimediaUI-icons-SVGs/tableCaption.svg
index f9da4057..df7e44d9 100644
--- a/resources/WikimediaUI-icons-SVGs/tableCaption.svg
+++ b/resources/WikimediaUI-icons-SVGs/tableCaption.svg
@@ -3,5 +3,5 @@
table caption
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/tableMergeCells.png b/resources/WikimediaUI-icons-SVGs/tableMergeCells.png
new file mode 100644
index 00000000..7e73f31f
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableMergeCells.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableMergeCells.svg b/resources/WikimediaUI-icons-SVGs/tableMergeCells.svg
index 3b80c07e..4cc1c191 100644
--- a/resources/WikimediaUI-icons-SVGs/tableMergeCells.svg
+++ b/resources/WikimediaUI-icons-SVGs/tableMergeCells.svg
@@ -3,6 +3,6 @@
merge cells
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-ltr.png b/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-ltr.png
new file mode 100644
index 00000000..66aea3ec
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-ltr.svg b/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-ltr.svg
index f8fa0eb0..3d9c25ba 100644
--- a/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-ltr.svg
@@ -3,6 +3,6 @@
table move column after
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-rtl.png b/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-rtl.png
new file mode 100644
index 00000000..008f2f31
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-rtl.svg b/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-rtl.svg
index c0636734..da203c38 100644
--- a/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/tableMoveColumnAfter-rtl.svg
@@ -3,6 +3,6 @@
table move column after
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-ltr.png b/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-ltr.png
new file mode 100644
index 00000000..008f2f31
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-ltr.svg b/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-ltr.svg
index 26d9ed22..c47526bb 100644
--- a/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-ltr.svg
@@ -3,6 +3,6 @@
table move column before
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-rtl.png b/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-rtl.png
new file mode 100644
index 00000000..66aea3ec
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-rtl.svg b/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-rtl.svg
index b75384c3..10a4335d 100644
--- a/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/tableMoveColumnBefore-rtl.svg
@@ -3,6 +3,6 @@
table move column before
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveRowAfter.png b/resources/WikimediaUI-icons-SVGs/tableMoveRowAfter.png
new file mode 100644
index 00000000..b902f598
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableMoveRowAfter.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveRowAfter.svg b/resources/WikimediaUI-icons-SVGs/tableMoveRowAfter.svg
index c117ffbb..bac1cafa 100644
--- a/resources/WikimediaUI-icons-SVGs/tableMoveRowAfter.svg
+++ b/resources/WikimediaUI-icons-SVGs/tableMoveRowAfter.svg
@@ -3,6 +3,6 @@
table move row after
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/tableMoveRowBefore.png b/resources/WikimediaUI-icons-SVGs/tableMoveRowBefore.png
new file mode 100644
index 00000000..410c6f71
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tableMoveRowBefore.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tag-ltr.png b/resources/WikimediaUI-icons-SVGs/tag-ltr.png
new file mode 100644
index 00000000..ba298bc7
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tag-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tag-ltr.svg b/resources/WikimediaUI-icons-SVGs/tag-ltr.svg
index a713f509..3a47fa96 100644
--- a/resources/WikimediaUI-icons-SVGs/tag-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/tag-ltr.svg
@@ -3,5 +3,5 @@
tag
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/tag-rtl.png b/resources/WikimediaUI-icons-SVGs/tag-rtl.png
new file mode 100644
index 00000000..21ab59c1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tag-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/templateAdd-ltr.png b/resources/WikimediaUI-icons-SVGs/templateAdd-ltr.png
new file mode 100644
index 00000000..89ab2b59
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/templateAdd-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/templateAdd-rtl.png b/resources/WikimediaUI-icons-SVGs/templateAdd-rtl.png
new file mode 100644
index 00000000..ee61216d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/templateAdd-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/textDirLTR.png b/resources/WikimediaUI-icons-SVGs/textDirLTR.png
new file mode 100644
index 00000000..4a6a3c3e
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/textDirLTR.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/textDirLTR.svg b/resources/WikimediaUI-icons-SVGs/textDirLTR.svg
index c56d2321..39e8ae8b 100644
--- a/resources/WikimediaUI-icons-SVGs/textDirLTR.svg
+++ b/resources/WikimediaUI-icons-SVGs/textDirLTR.svg
@@ -3,5 +3,5 @@
text direction left-to-right
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/textDirRTL.png b/resources/WikimediaUI-icons-SVGs/textDirRTL.png
new file mode 100644
index 00000000..6b4430cc
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/textDirRTL.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/textDirRTL.svg b/resources/WikimediaUI-icons-SVGs/textDirRTL.svg
index 3408e510..870fbf4c 100644
--- a/resources/WikimediaUI-icons-SVGs/textDirRTL.svg
+++ b/resources/WikimediaUI-icons-SVGs/textDirRTL.svg
@@ -3,5 +3,5 @@
text direction right-to-left
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/textFlow-ltr.png b/resources/WikimediaUI-icons-SVGs/textFlow-ltr.png
new file mode 100644
index 00000000..8b68a381
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/textFlow-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/textFlow-rtl.png b/resources/WikimediaUI-icons-SVGs/textFlow-rtl.png
new file mode 100644
index 00000000..9fd6f492
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/textFlow-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/textStyle.png b/resources/WikimediaUI-icons-SVGs/textStyle.png
new file mode 100644
index 00000000..2a05229c
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/textStyle.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/textSummary-ltr.png b/resources/WikimediaUI-icons-SVGs/textSummary-ltr.png
new file mode 100644
index 00000000..7c7d3a34
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/textSummary-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/textSummary-rtl.png b/resources/WikimediaUI-icons-SVGs/textSummary-rtl.png
new file mode 100644
index 00000000..2a88e342
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/textSummary-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/trash.png b/resources/WikimediaUI-icons-SVGs/trash.png
new file mode 100644
index 00000000..84424d73
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/trash.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/trash.svg b/resources/WikimediaUI-icons-SVGs/trash.svg
index a64acf9a..1751526a 100644
--- a/resources/WikimediaUI-icons-SVGs/trash.svg
+++ b/resources/WikimediaUI-icons-SVGs/trash.svg
@@ -3,5 +3,5 @@
trash
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/tray.png b/resources/WikimediaUI-icons-SVGs/tray.png
new file mode 100644
index 00000000..fbbf4e60
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/tray.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/tray.svg b/resources/WikimediaUI-icons-SVGs/tray.svg
index 63c77cd0..664de9db 100644
--- a/resources/WikimediaUI-icons-SVGs/tray.svg
+++ b/resources/WikimediaUI-icons-SVGs/tray.svg
@@ -3,5 +3,5 @@
tray
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/unBlock.png b/resources/WikimediaUI-icons-SVGs/unBlock.png
new file mode 100644
index 00000000..0ec42c39
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/unBlock.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/unBlock.svg b/resources/WikimediaUI-icons-SVGs/unBlock.svg
index a3ead94b..a4032bbb 100644
--- a/resources/WikimediaUI-icons-SVGs/unBlock.svg
+++ b/resources/WikimediaUI-icons-SVGs/unBlock.svg
@@ -3,5 +3,5 @@
unblock
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/unFlag-ltr.png b/resources/WikimediaUI-icons-SVGs/unFlag-ltr.png
new file mode 100644
index 00000000..7d46e665
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/unFlag-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/unFlag-ltr.svg b/resources/WikimediaUI-icons-SVGs/unFlag-ltr.svg
index 3099d88e..a25e6afa 100644
--- a/resources/WikimediaUI-icons-SVGs/unFlag-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/unFlag-ltr.svg
@@ -3,5 +3,5 @@
un-flag
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/unFlag-rtl.png b/resources/WikimediaUI-icons-SVGs/unFlag-rtl.png
new file mode 100644
index 00000000..6aa88eb1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/unFlag-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/unFlag-rtl.svg b/resources/WikimediaUI-icons-SVGs/unFlag-rtl.svg
index e11a610b..4a2245d5 100644
--- a/resources/WikimediaUI-icons-SVGs/unFlag-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/unFlag-rtl.svg
@@ -3,5 +3,5 @@
un-flag
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/unLink.png b/resources/WikimediaUI-icons-SVGs/unLink.png
new file mode 100644
index 00000000..6583d40b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/unLink.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/unLink.svg b/resources/WikimediaUI-icons-SVGs/unLink.svg
index 76c3f077..76cf6e95 100644
--- a/resources/WikimediaUI-icons-SVGs/unLink.svg
+++ b/resources/WikimediaUI-icons-SVGs/unLink.svg
@@ -3,6 +3,6 @@
unlink
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/unLock.png b/resources/WikimediaUI-icons-SVGs/unLock.png
new file mode 100644
index 00000000..b8291179
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/unLock.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/unLock.svg b/resources/WikimediaUI-icons-SVGs/unLock.svg
index 15567a9a..2893b6ca 100644
--- a/resources/WikimediaUI-icons-SVGs/unLock.svg
+++ b/resources/WikimediaUI-icons-SVGs/unLock.svg
@@ -3,5 +3,5 @@
un-lock
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/unStar.png b/resources/WikimediaUI-icons-SVGs/unStar.png
new file mode 100644
index 00000000..c7eda786
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/unStar.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/underline-a.png b/resources/WikimediaUI-icons-SVGs/underline-a.png
new file mode 100644
index 00000000..33e827f8
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/underline-a.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/underline-u.png b/resources/WikimediaUI-icons-SVGs/underline-u.png
new file mode 100644
index 00000000..94f15334
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/underline-u.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/underline-u.svg b/resources/WikimediaUI-icons-SVGs/underline-u.svg
index 88307074..a7f28809 100644
--- a/resources/WikimediaUI-icons-SVGs/underline-u.svg
+++ b/resources/WikimediaUI-icons-SVGs/underline-u.svg
@@ -3,5 +3,5 @@
underline
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/undo-ltr.png b/resources/WikimediaUI-icons-SVGs/undo-ltr.png
new file mode 100644
index 00000000..28f93968
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/undo-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/undo-ltr.svg b/resources/WikimediaUI-icons-SVGs/undo-ltr.svg
index 96a0fec4..6336291f 100644
--- a/resources/WikimediaUI-icons-SVGs/undo-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/undo-ltr.svg
@@ -3,5 +3,5 @@
undo
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/undo-rtl.png b/resources/WikimediaUI-icons-SVGs/undo-rtl.png
new file mode 100644
index 00000000..cbd46cb1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/undo-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/up.png b/resources/WikimediaUI-icons-SVGs/up.png
new file mode 100644
index 00000000..80fd7612
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/up.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/up.svg b/resources/WikimediaUI-icons-SVGs/up.svg
index a2e11f69..794f8710 100644
--- a/resources/WikimediaUI-icons-SVGs/up.svg
+++ b/resources/WikimediaUI-icons-SVGs/up.svg
@@ -3,5 +3,5 @@
up
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/upTriangle.png b/resources/WikimediaUI-icons-SVGs/upTriangle.png
new file mode 100644
index 00000000..f586e83a
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/upTriangle.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/upTriangle.svg b/resources/WikimediaUI-icons-SVGs/upTriangle.svg
index 63031435..8d30bcc5 100644
--- a/resources/WikimediaUI-icons-SVGs/upTriangle.svg
+++ b/resources/WikimediaUI-icons-SVGs/upTriangle.svg
@@ -3,5 +3,5 @@
triangle upwards
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/upload.png b/resources/WikimediaUI-icons-SVGs/upload.png
new file mode 100644
index 00000000..fc8800f2
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/upload.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/upload.svg b/resources/WikimediaUI-icons-SVGs/upload.svg
index c7681c03..54813f5e 100644
--- a/resources/WikimediaUI-icons-SVGs/upload.svg
+++ b/resources/WikimediaUI-icons-SVGs/upload.svg
@@ -3,6 +3,6 @@
upload
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/userActive.png b/resources/WikimediaUI-icons-SVGs/userActive.png
new file mode 100644
index 00000000..d569417b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userActive.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userAdd-ltr.png b/resources/WikimediaUI-icons-SVGs/userAdd-ltr.png
new file mode 100644
index 00000000..def95c74
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userAdd-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userAdd-rtl.png b/resources/WikimediaUI-icons-SVGs/userAdd-rtl.png
new file mode 100644
index 00000000..4d087d08
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userAdd-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userAnonymous.png b/resources/WikimediaUI-icons-SVGs/userAnonymous.png
new file mode 100644
index 00000000..089300e0
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userAnonymous.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userAvatar.png b/resources/WikimediaUI-icons-SVGs/userAvatar.png
new file mode 100644
index 00000000..2fb77648
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userAvatar.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userAvatarOutline.png b/resources/WikimediaUI-icons-SVGs/userAvatarOutline.png
new file mode 100644
index 00000000..22415c83
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userAvatarOutline.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userContributions-ltr.png b/resources/WikimediaUI-icons-SVGs/userContributions-ltr.png
new file mode 100644
index 00000000..dc0b1d68
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userContributions-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userContributions-rtl.png b/resources/WikimediaUI-icons-SVGs/userContributions-rtl.png
new file mode 100644
index 00000000..adfab8dd
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userContributions-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userGroup-ltr.png b/resources/WikimediaUI-icons-SVGs/userGroup-ltr.png
new file mode 100644
index 00000000..41ec7145
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userGroup-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userGroup-rtl.png b/resources/WikimediaUI-icons-SVGs/userGroup-rtl.png
new file mode 100644
index 00000000..d45abc68
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userGroup-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userTalk-ltr.png b/resources/WikimediaUI-icons-SVGs/userTalk-ltr.png
new file mode 100644
index 00000000..701cbe33
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userTalk-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/userTalk-ltr.svg b/resources/WikimediaUI-icons-SVGs/userTalk-ltr.svg
index 1cfb331c..990cfc39 100644
--- a/resources/WikimediaUI-icons-SVGs/userTalk-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/userTalk-ltr.svg
@@ -3,5 +3,5 @@
user talk
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/userTalk-rtl.png b/resources/WikimediaUI-icons-SVGs/userTalk-rtl.png
new file mode 100644
index 00000000..c74fce4b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/userTalk-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/viewCompact.png b/resources/WikimediaUI-icons-SVGs/viewCompact.png
new file mode 100644
index 00000000..b5853da5
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/viewCompact.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/viewDetails-ltr.png b/resources/WikimediaUI-icons-SVGs/viewDetails-ltr.png
new file mode 100644
index 00000000..002625ca
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/viewDetails-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/viewDetails-rtl.png b/resources/WikimediaUI-icons-SVGs/viewDetails-rtl.png
new file mode 100644
index 00000000..b1a27581
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/viewDetails-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/visionSimulator.png b/resources/WikimediaUI-icons-SVGs/visionSimulator.png
new file mode 100644
index 00000000..f426a862
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/visionSimulator.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/visionSimulator.svg b/resources/WikimediaUI-icons-SVGs/visionSimulator.svg
index 1db8d9f7..b9ef23c1 100644
--- a/resources/WikimediaUI-icons-SVGs/visionSimulator.svg
+++ b/resources/WikimediaUI-icons-SVGs/visionSimulator.svg
@@ -3,5 +3,5 @@
vision simulator
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/volumeDown-ltr.png b/resources/WikimediaUI-icons-SVGs/volumeDown-ltr.png
new file mode 100644
index 00000000..c082cb22
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/volumeDown-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/volumeDown-ltr.svg b/resources/WikimediaUI-icons-SVGs/volumeDown-ltr.svg
index ae599e3b..b96aee5b 100644
--- a/resources/WikimediaUI-icons-SVGs/volumeDown-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/volumeDown-ltr.svg
@@ -3,5 +3,5 @@
volume down
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/volumeDown-rtl.png b/resources/WikimediaUI-icons-SVGs/volumeDown-rtl.png
new file mode 100644
index 00000000..8d7f0f09
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/volumeDown-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/volumeDown-rtl.svg b/resources/WikimediaUI-icons-SVGs/volumeDown-rtl.svg
index 41205126..489ab943 100644
--- a/resources/WikimediaUI-icons-SVGs/volumeDown-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/volumeDown-rtl.svg
@@ -3,5 +3,5 @@
volume down
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/volumeOff-ltr.png b/resources/WikimediaUI-icons-SVGs/volumeOff-ltr.png
new file mode 100644
index 00000000..fdf5651d
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/volumeOff-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/volumeOff-ltr.svg b/resources/WikimediaUI-icons-SVGs/volumeOff-ltr.svg
index e8f203cd..f269ce34 100644
--- a/resources/WikimediaUI-icons-SVGs/volumeOff-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/volumeOff-ltr.svg
@@ -3,5 +3,5 @@
volume off
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/volumeOff-rtl.png b/resources/WikimediaUI-icons-SVGs/volumeOff-rtl.png
new file mode 100644
index 00000000..9b031ff4
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/volumeOff-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/volumeOff-rtl.svg b/resources/WikimediaUI-icons-SVGs/volumeOff-rtl.svg
index 4dffd3b0..48f8bd11 100644
--- a/resources/WikimediaUI-icons-SVGs/volumeOff-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/volumeOff-rtl.svg
@@ -3,5 +3,5 @@
volume off
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/volumeUp-ltr.png b/resources/WikimediaUI-icons-SVGs/volumeUp-ltr.png
new file mode 100644
index 00000000..c6528db6
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/volumeUp-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/volumeUp-ltr.svg b/resources/WikimediaUI-icons-SVGs/volumeUp-ltr.svg
index db3c7ab6..fb2f4320 100644
--- a/resources/WikimediaUI-icons-SVGs/volumeUp-ltr.svg
+++ b/resources/WikimediaUI-icons-SVGs/volumeUp-ltr.svg
@@ -3,6 +3,6 @@
volume up
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/volumeUp-rtl.png b/resources/WikimediaUI-icons-SVGs/volumeUp-rtl.png
new file mode 100644
index 00000000..4224c036
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/volumeUp-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/volumeUp-rtl.svg b/resources/WikimediaUI-icons-SVGs/volumeUp-rtl.svg
index 69812a53..48230972 100644
--- a/resources/WikimediaUI-icons-SVGs/volumeUp-rtl.svg
+++ b/resources/WikimediaUI-icons-SVGs/volumeUp-rtl.svg
@@ -3,6 +3,6 @@
volume up
-
-
+
+
diff --git a/resources/WikimediaUI-icons-SVGs/watchlist-ltr.png b/resources/WikimediaUI-icons-SVGs/watchlist-ltr.png
new file mode 100644
index 00000000..314a1be9
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/watchlist-ltr.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/watchlist-rtl.png b/resources/WikimediaUI-icons-SVGs/watchlist-rtl.png
new file mode 100644
index 00000000..45b8b04e
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/watchlist-rtl.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/wikiText.png b/resources/WikimediaUI-icons-SVGs/wikiText.png
new file mode 100644
index 00000000..2f8d6491
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/wikiText.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/window.png b/resources/WikimediaUI-icons-SVGs/window.png
new file mode 100644
index 00000000..22a3d97b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/window.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/window.svg b/resources/WikimediaUI-icons-SVGs/window.svg
index 5597f692..5ae066ae 100644
--- a/resources/WikimediaUI-icons-SVGs/window.svg
+++ b/resources/WikimediaUI-icons-SVGs/window.svg
@@ -3,6 +3,6 @@
window
-
+
diff --git a/resources/WikimediaUI-icons-SVGs/zoomIn.png b/resources/WikimediaUI-icons-SVGs/zoomIn.png
new file mode 100644
index 00000000..d60d642b
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/zoomIn.png differ
diff --git a/resources/WikimediaUI-icons-SVGs/zoomOut.png b/resources/WikimediaUI-icons-SVGs/zoomOut.png
new file mode 100644
index 00000000..0e32c0d1
Binary files /dev/null and b/resources/WikimediaUI-icons-SVGs/zoomOut.png differ
diff --git a/resources/WikimediaUI_color_palette.png b/resources/WikimediaUI_color_palette.png
index 7657c587..98317d98 100644
Binary files a/resources/WikimediaUI_color_palette.png and b/resources/WikimediaUI_color_palette.png differ
diff --git a/resources/WikimediaUI_color_palette.svg b/resources/WikimediaUI_color_palette.svg
index 489ba01e..62204af0 100644
--- a/resources/WikimediaUI_color_palette.svg
+++ b/resources/WikimediaUI_color_palette.svg
@@ -57,7 +57,7 @@
#fc3 RGB 255, 204, 51 HSB 45, 80%, 100% AAA
-
+
#fef6e7 RGB 254, 246, 231 HSB 39, 9%, 100% AAA
@@ -303,7 +303,7 @@
-
+
Layer 1: #f8f9fa
diff --git a/svg-to-png.mjs b/svg-to-png.mjs
new file mode 100644
index 00000000..26075385
--- /dev/null
+++ b/svg-to-png.mjs
@@ -0,0 +1,22 @@
+import glob from 'glob';
+import sharp from 'sharp';
+
+glob( '{img/{components,design-principles,visual-style},resources}/**/!(WikimediaUI-components_overview).svg', ( er, files ) => {
+ files.forEach( ( file ) => {
+ sharp( file )
+ .png( {
+ // Force color indexing.
+ quality: 99,
+ timeout: 180
+ } )
+ .toFile( file.replace( '.svg', '.png' ) )
+ // eslint-disable-next-line
+ .then( ( info ) => {
+ console.log( file );
+ // console.log( info );
+ } )
+ .catch( ( err ) => {
+ console.log( err );
+ } );
+ } );
+} );