District Business

dabblet.css

/* District Business */
.web-section { display:flex; align-items:center; 
	justify-content:space-between;
	margin:.6em }
.web-section a { display:block; text-align:right;
	margin-left:1em;	 color:hsl(26,92%,59%);
	text-decoration:none }
.web-section h2 { font-size:1.6rem;	color:hsl(210,100%,37%) }
.web-section a:after { content:'\00bb' }


/*debug* /*{background:rgba(255,0,0,.1);outline:1px solid}/**/
body{margin:0;font:1rem/1.6 Avenir-Light}

dabblet.html

<header class=web-section>
<h2> District Business </h2>

<nav>
<a href=#> View all News </a>
<a href=#> FERMA and Morgan Hill Case </a>
<a href=#> All Legal Notices </a>
<a href=#> View all Stories </a>
<a href=#> Administrator </a>
<a href=#> Central Office </a>
<a href=#> View all Events </a>
</nav>

</header>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}