Modify styles to show icon for external links
Icon is CC0, copyright by https://github.com/kramred
This commit is contained in:
parent
de8e3ee188
commit
23b88b6ac4
1 changed files with 11 additions and 0 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue