Skip to content

Instantly share code, notes, and snippets.

@caraya

caraya/hitch-demo.html

Last active April 22, 2016 13:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save caraya/8517dcd1bb03da371f19aaffc5aa3cb1 to your computer and use it in GitHub Desktop.
Save caraya/8517dcd1bb03da371f19aaffc5aa3cb1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
hitch-demo.html
<!doctype html>
<html>
<head>
<title>Hitch Demo</title>
<meta charset="utf-8">
<script src="hitch-0.6.3.min.js"></script>
<style data-hitch-interpret>
@-hitch-requires http://www.hitchjs.com/bkardell.math/1;
.car:-math-lessthan(data-price, 200000){
color: lightseagreen;
}
.car:-math-greatest(data-price){
color: rgb(250, 250, 0);
font-size: 125%;
}
</style>
</head>
<body>
<div>
<ul>
<li class="car" data-price='100000'>Porsche 911</li>
<li class="car" data-price='450000'>Ferrari F40</li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment