jklm313 · December 11, 2012 13:41
diff --git a/dabblet.css b/dabblet.css
 *, *:before, *:after {
  margin: 0;
  padding: 0;
  border-box: border-box;
  position: relative;
 }

 html {
  text-align: center;
  font-family: sans-serif;
  font-size: 16px;
  }

 .full-col {width: 100%;}
 .half-col {width: 50%;}
 .thirds-col {width: 33.3333%;}
 .quarter-col {width: 25%;}
 .fifths-col {width: 20%;}
 .two-thirds-col {width: 75%;}

 [class$="-col"] {
  display: inline-block;
  border: 1px dashed #ccc;
  }

 .navigation {
  padding: 1%;
  }
  .navigation a {
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px;
    padding: 1%;
    background: #222;
    color: #f8f8f8;
    text-decoration: none;
    }
    .navigation a+a {
      margin-left: 5%;
      }









diff --git a/dabblet.html b/dabblet.html
 <body class="two-thirds-col"> 

  <div class="navigation full-col">
    <a href="#">
      <img alt="logo" src="http://www.lorempixel.com/g/150/50" />
    </a>
    <a href="#">Dragons</a>
    <a href="#">Wyverns</a>
    <a href="#">Eagles</a>
    <a href="#">Goblin on broomstick</a>
  </div>
  
  </body>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	<body class="two-thirds-col">

	<div class="navigation full-col">
	<a href="#">
	<img alt="logo" src="http://www.lorempixel.com/g/150/50" />
	</a>
	<a href="#">Dragons</a>
	<a href="#">Wyverns</a>
	<a href="#">Eagles</a>
	<a href="#">Goblin on broomstick</a>
	</div>

	</body>
No results found