Skip to content

Instantly share code, notes, and snippets.

@sparkofreason

sparkofreason/gss-polymer.html

Created June 9, 2015 00:24
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 sparkofreason/164d7e9a7c4cad833662 to your computer and use it in GitHub Desktop.
Save sparkofreason/164d7e9a7c4cad833662 to your computer and use it in GitHub Desktop.
Download ZIP
Exception when using GSS with Polymer elements
Raw
gss-polymer.html
<!DOCTYPE html>
<html>
<head>
<link rel="import" href="/paper-slider/paper-slider.html">
</head>
<body>
<div>
<style type="text/gss">
#d1 {
width: == $my-width;
height: == $my-height;
}
#d2 {
width: == $my-width;
height: == $my-height;
};
#d1[right] == #d2[left];
#d1[bottom] == #d2[top];
#d1[top] == #slider[bottom];
</style>
<paper-slider id="slider"></paper-slider>
<div id="d1" style="background-color: red;"></div>
<div id="d2" style="background-color: green;"></div>
</div>
<script src="/gss/dist/gss.js"></script>
<script type="text/javascript">
window.engine = new GSS(document, {"my-width": 200, "my-height": 200});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment