vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added external link css

Browse Source
This commit is contained in:
Yannik
2024-02-08 22:04:42 +01:00
parent c0af25af83
commit 1f3b8a21f7
6 changed files with 39 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/styles/main.scss
View File

@@ -56,9 +56,23 @@ b {
font-family: "Satoshi-Bold";
color: $accent;
}
a {
color: $link;
&[target="_blank"]::after {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: -0.125em;
content: " ";
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z'/%3E%3C/svg%3E")
no-repeat center;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z'/%3E%3C/svg%3E")
no-repeat center;
background-color: $link; /* This will color the SVG */
}
&.social::after {
content: none;
}
}
figure {