Skip to content

Instantly share code, notes, and snippets.

@jdanyow jdanyow/index.html
Last active Apr 16, 2020

What would you like to do?
<!doctype html>
<html lang="en">
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
*: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;
<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>
<script src="script.js"></script>
console.log('Hello World!');
/* todo: add styles */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.