2019-12-11 08:46:32 +07:00
|
|
|
!function(){if(window.matchMedia("(min-width: 992px)").matches){var e=document.querySelector("aside nav"),t=document.querySelectorAll("aside details");if(e.clientHeight<e.scrollHeight)for(var r=1;r<t.length;r++)t[r].removeAttribute("open")}}(),function(){function a(e){if("light"==e)var t=n.button.on;else t=n.button.off;document.querySelector("html").setAttribute("data-theme",e);for(var r=document.querySelectorAll(n.selector),a=0;a<r.length;a++)r[a].innerHTML=t,r[a].setAttribute("aria-label",t.replace(/<[^>]*>?/gm,""));n.currentTheme=e}var n={button:{element:"BUTTON",class:"contrast switcher theme-switcher",on:"<i>Turn on dark mode</i>",off:"<i>Turn off dark mode</i>"},target:"body",selector:"button.theme-switcher",currentTheme:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"};!function(){var e=document.createElement(n.button.element);e.className=n.button.class,document.querySelector(n.target).appendChild(e),a(n.currentTheme);for(var t=document.querySelectorAll(n.selector),r=0;r<t.length;r++)t[r].addEventListener("click",function(e){"light"==n.currentTheme?a("dark"):a("light")},!1)}()}(),function(){function e(e){for(var t="",r="",a=0;a<e;a++)t+="<div>"+(a+1)+"</div>",r+=" <<b>div</b>>"+(a+1)+"</<b>div</b>>\n";document.querySelector(n.targetGrid).innerHTML=t,document.querySelector(n.targetCode).innerHTML='<<b>div</b> <i>class</i>=<u>"grid"</u>>\n'+r+"</<b>div</b>>"}var t,n={columnsCurrent:4,columnsMin:1,columnsMax:12,targetButtons:"#grids article",targetGrid:"#grids .grid",targetCode:"#grids pre code",selectorAdd:"#grids button.add",selectorRemove:"#grids button.remove"};(t=document.createElement("P")).innerHTML='<button class="secondary add"><svg xmlns="http://www.w3.org/2000/svg" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg> Add column</button><button class="secondary remove"><svg xmlns="http://www.w3.org/2000/svg" height="1rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line></svg> Remove column</button>',document.querySelector(n.targetButtons).before(t),document.querySelector(n.selectorAdd).addEventListener("click",function(){n.columnsCurrent<n.columnsMax&&(n.columnsCurrent++,e(n.columnsCurrent))},!1),document.querySelector(n.selectorRemove).addEventListener("click",function(){n.columnsCurrent>n.columnsMin&&(n.columnsCurrent--,e(n.columnsCurrent))},!1)}(),function(){function c(e,t){!function(e,t){for(var r=document.querySelectorAll(u.selectorTheme+" .name"),a=0;a<r.length;++a)r[a].innerHTML=e.charAt(0).toUpperCase()+e.substring(1)+" ";for(var n=document.querySelectorAll(u.selectorTheme+" .c500"),a=0;a<n.length;++a)n[a].innerHTML=t[500];for(var o=document.querySelectorAll(u.selectorTheme+" .c600"),a=0;a<o.length;++a)o[a].innerHTML=t[600];for(var f=document.querySelectorAll(u.selectorTheme+" .c700"),a=0;a<f.length;++a)f[a].innerHTML=t[700];for(var c=document.querySelectorAll(u.selectorTheme+" .c600-outline-light"),a=0;a<c.length;++a)c[a].innerHTML=s(t[600],.125);for(var i=document.querySelectorAll(u.selectorTheme+" .c600-outline-dark"),a=0;a<i.length;++a)i[a].innerHTML=s(t[600],.25);for(var l=document.querySelectorAll(u.selectorTheme+" .inverse"),a=0;a<l.length;++a)l[a].innerHTML=t.inverse;var d='[data-theme="generated"] {--primary:'+t[600]+";--h4:"+t[700]+";--primary-hover:"+t[700]+";--primary-focus:"+s(t[600],.125)+";--primary-inverse:"+t.inverse+';}@media only screen and (prefers-color-scheme: dark) {:root:not([data-theme="light"]) [data-theme="generated"] {--primary:'+t[600]+";--h4:"+t[400]+";--primary-hover:"+t[500]+";--primary-focus:"+s(t[600],.25)+";--primary-inverse:"+t.inverse+';}}[data-theme="dark"] [data-theme="generated"] {--primary:'+t[600]+";--h4:"+t[500]+";--primary-hover:"+t[500]+";--primary-focus:"+s(t[600],.25)+";--primary-inverse:"+t.inverse+";}";document.querySel
|
