text: import{q as n,p as t,s}from"./runtime-core.esm-bundler-9a3744ec.js";const a='{"title":"Patterns","frontmatter":{},"lastUpdated":1588601494707.6548}';var e={};const p=s('<div class="vitepress-content"><h1 id="patterns"><a class="header-anchor" href="#patterns">#</a> Patterns</h1><p>Patterns can be handy for decorational use, thats why it doesn&#39;t come by default but you can enable them.</p><div class="patterns"><div class="pattern-1 pattern-checkered"></div><div class="pattern-2 pattern-cubes"></div><div class="pattern-3 pattern-dots"></div><div class="pattern-4 pattern-houndstooth"></div><div class="pattern-4 pattern-lines"></div><div class="pattern-4 pattern-zigzag"></div></div><p>Define the colors and settings with css custom properties.</p>\x3c!--beforebegin--\x3e<div class="language-css extra-class">\x3c!--afterbegin--\x3e<pre class="language-css"><code><span class="token comment">/* Sizing */</span>\n<span class="token property">--pattern-size</span><span class="token punctuation">:</span> 0.75rem<span class="token punctuation">;</span>\n<span class="token property">--pattern-spacing</span><span class="token punctuation">:</span> 0.2rem<span class="token punctuation">;</span>\n\n<span class="token comment">/* Color */</span>\n<span class="token property">--pattern-color-primary</span><span class="token punctuation">:</span> #1eb3e0<span class="token punctuation">;</span>\n<span class="token property">--pattern-color-secondary</span><span class="token punctuation">:</span> #460537<span class="token punctuation">;</span>\n</code></pre>\x3c!--beforeend--\x3e</div>\x3c!--afterend--\x3e</div>');e.render=function(s,a){return t(),n("div",null,[p])};export default e;export{a as __pageData};
  