Skip to content

Instantly share code, notes, and snippets.

@nativerez
Last active January 15, 2020 16:55
Show Gist options
  • Save nativerez/50faa3c8ba8bffd6b96eb3be9e633619 to your computer and use it in GitHub Desktop.
Save nativerez/50faa3c8ba8bffd6b96eb3be9e633619 to your computer and use it in GitHub Desktop.
NHS Login button
/* 1. remove inner text */
/* 2. need to add .nhs class to button */
/* 3. download and re-host image before deploying */
.accountButton.nhs {
background-color: #005EB8;
color: #fff;
border: 1px solid #005EB8;
display: flex;
align-items: center;
justify-content: center;
padding: 11px 14px;
margin: 5px 0 10px;
box-shadow: 0 5px 0 #003087;
border-radius: 4px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
}
.accountButton.nhs:before {
content: url('https://res.cloudinary.com/nativerez/image/upload/v1579107218/misc/nhs-logo-white-long.svg');
height: 27px;
}
.accountButton.nhs:hover {
border: 1px solid #005EB8;
background-color: #005EB8;
box-shadow: 0 5px 0 #003087;
color: #fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment