Skip to content

Instantly share code, notes, and snippets.

@bkardell

bkardell/hitch-demo.html

Forked from caraya/hitch-demo.html
Last active April 22, 2016 13:47
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 bkardell/5e6711240d0213e978a1a115508745d1 to your computer and use it in GitHub Desktop.
Save bkardell/5e6711240d0213e978a1a115508745d1 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="https://hitchjs.com/dist/hitch-0.6.3.js"></script>
<style type="text/css" data-hitch-interpret>
@-hitch-requires https://www.hitchjs.com/use/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