Skip to content

Instantly share code, notes, and snippets.

/dabblet.css

Created January 25, 2012 14:38
Show Gist options
  • Save anonymous/1676554 to your computer and use it in GitHub Desktop.
Save anonymous/1676554 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
.g-hidden {
}
.black_square {
position: relative;
width: 20px;
height: 20px;
}
.black_square:before {
content: "";
position: absolute;
left: 3px;
top: 3px;
width: 14px;
height: 14px;
background: red;
display: block;
transform: rotate(45deg);
}
.tile {
width: 20px;
height: 20px;
background-color: linen;
background-image: -moz-element(#SQ);
background-repeat: no-repeat;
background-position: 0 0, right bottom;
}
.chessboard {
width: 160px;
height: 160px;
border: 1px solid black;
background: -moz-element(#Tile)
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="black_square g-hidden" id="SQ">
</div>
<div class="tile g-hidden" id="Tile">
</div>
<div class="chessboard">
</div>
Raw
settings.json
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment