Skip to content

Instantly share code, notes, and snippets.

@pgherveou

pgherveou/dabblet.css

Created March 22, 2012 19:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pgherveou/2162461 to your computer and use it in GitHub Desktop.
Save pgherveou/2162461 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
.trash {
-webkit-appearance: none;
background: none;
border: none;
cursor: pointer;
display: inline-block;
outline: none;
padding: 0;
position: relative;
width: 30px;
}
.trash > span {
display: inline-block;
}
.trash > .can,
.trash > .lid {
background: url('chrome://resources/images/trash.png') 0 0 no-repeat;
left: 8px;
position: absolute;
right: 8px;
top: 2px;
}
.trash > .lid {
-webkit-transition: -webkit-transform 150ms;
-webkit-transform-origin: -7% 100%;
height: 6px;
width: 14px;
}
Raw
dabblet.html
<button class="trash custom-appearance" title="Remove from Chrome">
<span class="lid"></span>
<span class="can"></span>
</button>
<!-- content to be placed inside <body>…</body> -->
Raw
settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment