Skip to content
Snippets Groups Projects
Commit 4b778fe5 authored by Steinwender, Tamara's avatar Steinwender, Tamara
Browse files

Add link style to common styles

parent a9ef58b1
No related branches found
No related tags found
No related merge requests found
Pipeline #54749 failed
Stage: test
Stage: deploy
Stage: e2e
Hide whitespace changes
Inline Side-by-side
packages/common/styles.js
+ 40
− 2
View file @ 4b778fe5
...@@ -1011,8 +1011,6 @@ export function getTextUtilities() { ...@@ -1011,8 +1011,6 @@ export function getTextUtilities() {
.text-capitalize { .text-capitalize {
text-transform: capitalize; text-transform: capitalize;
} }
`; `;
} }
...@@ -1034,3 +1032,43 @@ export function getActivityCSS() { ...@@ -1034,3 +1032,43 @@ export function getActivityCSS() {
} }
`; `;
} }
export function getLinkCss() {
// language=css
return css`
.int-link-external {
transition: background-color 0.15s, color 0.15s;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.int-link-external:hover {
background-color: black;
color: white;
}
.int-link-external:after {
content: "\\00a0\\00a0\\00a0";
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%228.6836mm%22%20width%3D%225.2043mm%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20viewBox%3D%220%200%2018.440707%2030.768605%22%3E%3Cg%20transform%3D%22translate(-382.21%20-336.98)%22%3E%3Cpath%20style%3D%22stroke-linejoin%3Around%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2%3Bfill%3Anone%22%20d%3D%22m383.22%20366.74%2016.43-14.38-16.43-14.37%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
background-size: 73%;
background-repeat: no-repeat;
background-position: center center;
margin: 0 0 0 3px;
padding: 0 0 0.25% 0;
animation: 0.15s linkIconOut;
font-size: 103%;
}
.int-link-external:hover::after {
content: "\\00a0\\00a0\\00a0";
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%228.6836mm%22%20width%3D%225.2043mm%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20viewBox%3D%220%200%2018.440707%2030.768605%22%3E%3Cg%20transform%3D%22translate(-382.21%20-336.98)%22%3E%3Cpath%20style%3D%22stroke-linejoin%3Around%3Bstroke%3A%23FFF%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2%3Bfill%3Anone%22%20d%3D%22m383.22%20366.74%2016.43-14.38-16.43-14.37%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
background-size: 73%;
background-repeat: no-repeat;
background-position: center center;
margin: 0 0 0 3px;
padding: 0 0 0.25% 0;
animation: 0s linkIconIn;
font-size: 103%;
}
`;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment