Modify styles to show icon for external links

Icon is CC0, copyright by https://github.com/kramred
This commit is contained in:
Mark Schmitz 2020-02-12 16:20:52 +00:00
parent de8e3ee188
commit 23b88b6ac4

View file

@ -12,6 +12,17 @@ body {
overflow: scroll;
}
a[href^="http"]:after {
content: "";
display: inline-block;
transform: translate(0px, 2px);
width: .9em;
height: .9em;
margin-left: 3px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'%3E%3Cpath d='M20 3h-5a1 1 0 1 0 0 2h3L8 14a1 1 0 1 0 2 2l9-10v3a1 1 0 1 0 2 0V4a1 1 0 0 0-1-1zM5 3L3 5v14l2 2h14l2-2v-6a1 1 0 1 0-2 0v6H5V5h6a1 1 0 1 0 0-2H5z'/%3E%3C/svg%3E");
background-size: cover;
}
#container {
position: relative;
max-width: $container-width;