Skip to content

Instantly share code, notes, and snippets.

@frankiefu

frankiefu/demo.html

Created January 14, 2016 18:04
Show Gist options
  • Save frankiefu/873dd935c2032ab1c887 to your computer and use it in GitHub Desktop.
Save frankiefu/873dd935c2032ab1c887 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
demo.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>demo</title>
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../app-drawer-layout/app-drawer-layout.html">
<link rel="import" href="../app-drawer/app-drawer.html">
<style is="custom-style">
body {
margin: 0;
font-family: 'Roboto', 'Noto', sans-serif;
background-color: #eee;
}
app-drawer {
--app-drawer-content-container: {
overflow: auto;
};
}
.drawer-content {
height: 3000px;
background: linear-gradient(#fff, #b3e5fc);
}
</style>
</head>
<body unresolved>
<app-drawer-layout>
<app-drawer>
<div class="drawer-content"></div>
</app-drawer>
<div>content</div>
</app-drawer-layout>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment