Skip to content

Instantly share code, notes, and snippets.

@unex
Last active May 12, 2020 03:43
Show Gist options
  • Save unex/dbd431ae5df8853931fc41a1b4db8c0f to your computer and use it in GitHub Desktop.
Save unex/dbd431ae5df8853931fc41a1b4db8c0f to your computer and use it in GitHub Desktop.
New reddit custom widget Discord button
p { margin: 8px 0 }
a {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0 16px;
line-height: 48px;
font-family: IBMPlexSans, "Helvetica Neue", "Segoe UI", Helvetica, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 12px;
text-align: left;
text-decoration: none;
outline: none;
border-radius: 2px;
box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12), 0 0 4px 0 rgba(0,0,0,.12);
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
background: #7289DA;
color: #fff;
}
a:after {
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
background: url(%%discord%%) no-repeat;
height: 48px;
width: 116px;
}
a:hover {
box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}
[My Discord Server](https://discord.gg/urserver)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment