Skip to content

Instantly share code, notes, and snippets.

@jdzcn

jdzcn/dabblet.css

Last active April 9, 2022 04:10
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 jdzcn/2147905d1a706c55a7bc68ca54ef23ee to your computer and use it in GitHub Desktop.
Save jdzcn/2147905d1a706c55a7bc68ca54ef23ee to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
@import "compass/css3";
div {
width: 200px;
margin: 30px;
}
h2 {
font: 400 40px/1.5 Helvetica, Verdana, sans-serif;
margin: 0;
padding: 0;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
border-bottom: 1px solid #ccc;
}
li:last-child {
border: none;
}
li a {
text-decoration: none;
color: #000;
-webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
-moz-transition: font-size 0.3s ease, background-color 0.3s ease;
-o-transition: font-size 0.3s ease, background-color 0.3s ease;
-ms-transition: font-size 0.3s ease, background-color 0.3s ease;
transition: font-size 0.3s ease, background-color 0.3s ease;
display: block;
width: 200px;
}
li a:hover {
font-size: 30px;
background: #f6f6f6;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div>
<h3>商品分类</h3>
<ul>
<li><a href="#">茶具</a></li>
<li><a href="#">餐具</a></li>
<li><a href="#">摆件</a></li>
<li><a href="#">文具</a></li>
<li><a href="#">酒具</a></li>
</ul>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment