Skip to content

Instantly share code, notes, and snippets.

@rodydavis

rodydavis/index.html

Last active September 14, 2022 21:57
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 rodydavis/714c643074780b49afb80212f3638057 to your computer and use it in GitHub Desktop.
Save rodydavis/714c643074780b49afb80212f3638057 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<link rel="stylesheet" href="https://rodydavis.github.io/material-design-lite/css/mdl.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body class="light-theme">
<button class="button filled">Button</button>
<script src="main.ts"></script>
</body>
</html>
Raw
main.ts
console.log('Welcome to MDL for M3!');
Raw
package.json
{
"dependencies": {
"lit": "^2.0.0",
"@lit/reactive-element": "^1.0.0",
"lit-element": "^3.0.0",
"lit-html": "^2.0.0"
}
}
Raw
style.css
body {
background-color: var(--md-sys-color-background);
color: var(--md-sys-color-on-background);
}
Raw
zzzzzzzzzz-lit-dev-playground-metadata.json
{
"files": {
"index.html": {
"position": 0
},
"package.json": {
"position": 1,
"hidden": true
},
"style.css": {
"position": 2
},
"main.ts": {
"position": 3
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment