Skip to content

Instantly share code, notes, and snippets.

@jdanyow

jdanyow/index.html

Forked from maschad96/index.html
Created April 16, 2020 22:26
Show Gist options
  • Save jdanyow/90806e110df3721388ed2c7fd7c24ffd to your computer and use it in GitHub Desktop.
Save jdanyow/90806e110df3721388ed2c7fd7c24ffd to your computer and use it in GitHub Desktop.
Download ZIP
another poc
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="styles.css">
<style>
* {
outline-color: inherit;
}
*:focus {
outline-style: dashed;
outline-width: 0.125rem;
outline-offset: 0.125rem;
}
.has-body-background {
background-color: white;
outline-color: black;
}
.has-office-background {
background-color: firebrick;
outline-color: fuchsia;
}
.button {
border: none;
padding: 8px 16px;
margin: 20px;
color: white;
background-color: blue;
}
.has-inner-focus {
outline-offset: -.125rem;
outline-color: currentColor;
}
</style>
</head>
<body class="has-body-background">
<h1>Hello world!</h1>
<button class="button">Hello</button>
<button class="button has-inner-focus">Hello</button>
<div class="has-office-background">
<button class="button">world</button>
<button class="button has-inner-focus">world</button>
<div class="another-level-deep">
<button class="button">another level deep</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
Raw
script.js
console.log('Hello World!');
Raw
styles.css
/* todo: add styles */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment