Skip to content

Instantly share code, notes, and snippets.

@ajchemist

ajchemist/gss.html

Created June 23, 2015 12:20
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ajchemist/b1f75ef10231bb954f96 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ajchemist/b1f75ef10231bb954f96 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gss.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html;">
<link href="app.gss" rel="stylesheet/gss" type="text/gss">
</head>
<body>
<img id="cassowaryImg" src="http://gridstylesheets.org/assets/images/Intro/CassowaryBird.png" />
<h1>Hello!</h1>
<p>Could you help me enter my beak in my helmet please?</p>
</body>
<script src="gss.min.js"></script>
<script>window.engine = new GSS(document);</script>
<style type="text/gss">
#cassowaryImg[height] == 250;
#cassowaryImg[width] == #cassowaryImg[height] * 409/450;
#cassowaryImg[center] == ::window[center];
h1[size] == h1[intrinsic-size];
p[size] == p[intrinsic-size];
@v (h1)-30-(#cassowaryImg)-20-(p);
h1[center-x] == p[center-x] == #cassowaryImg[center-x];
</style>
</html>
<!-- Local Variables: -->
<!-- mode: web -->
<!-- End: -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment