Skip to content

Instantly share code, notes, and snippets.

@michsch
Created February 14, 2013 02:04
Show Gist options
  • Save michsch/4950094 to your computer and use it in GitHub Desktop.
Save michsch/4950094 to your computer and use it in GitHub Desktop.
YAML 4.0.2 Live Coding
/**
* YAML 4.0.2 Live Coding
*/
@import "https://s3.amazonaws.com/elsignores/yaml/4.0.2/core/base.css";
body {
background-color: #1a1a1a;
padding: 20px;
}
.ym-wrapper {
min-width: 320px;
max-width: 980px;
margin: 0 auto;
}
.ym-wbox {
padding: 20px;
background-color: #fff;
}
<div class="ym-wrapper">
<div class="ym-wbox">
<h1>Hallo YAML!</h1>
<div class="ym-grid">
<div class="ym-gl ym-g33">
<div class="ym-gbox-left">
<h3>Links</h3>
</div>
</div>
<div class="ym-gl ym-g33">
<div class="ym-gbox">
<h3>Mitte</h3>
</div>
</div>
<div class="ym-gr ym-g33">
<div class="ym-gbox-right">
<h3>Rechts</h3>
</div>
</div>
</div>
</div>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"120","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment