Skip to content

Instantly share code, notes, and snippets.

@NickColley
Created July 13, 2018 12:31
Show Gist options
  • Save NickColley/d90d8691a8206202abfd6c273664301d to your computer and use it in GitHub Desktop.
Save NickColley/d90d8691a8206202abfd6c273664301d to your computer and use it in GitHub Desktop.
Customised colours - Box-shadow example
<!-- This code example is not the same as GOV.UK Frontend, and is just for demonstration -->
<style>
.round-button {
font-size: 16px;
border-radius: 50%;
height: 6em;
width: 6em;
}
.round-button:focus {
outline: 3px solid transparent;
outline-offset: 3px;
box-shadow: 0 0 0 4px #ffbf47;
}
</style>
<button class="round-button">
Round button
</button>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment