Skip to content

Instantly share code, notes, and snippets.

@jdanyow

jdanyow/index.html

Last active April 16, 2020 17:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save jdanyow/7603a4e2913112ffab5bc928aeff6431 to your computer and use it in GitHub Desktop.
Save jdanyow/7603a4e2913112ffab5bc928aeff6431 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="styles.css">
<style>
*:focus {
outline-color: inherit;
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: red;
outline-color: white;
}
.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>
<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