Thomasorus Design System

Links 

<a href="/">Link to home of the design system</a><br>
<a href="https://thomasorus.com" target="_blank" rel="nofollow">Link to thomasorus</a>
 
<a href="/">Link to home of the design system</a><br>
<a href="https://thomasorus.com" target="_blank" rel="nofollow">Link to thomasorus</a>
 
/* No context defined. */
  • Content: 
    a {
    color: black;
    color:var(--text);
    padding:5px 10px;
    margin:-5px -10px;
    transition: 0.25s;
}

[theme="dark"] a {
    color:var(--accent);
}

article a {
    padding:0;
    margin:0;
}

a:hover,
a[target="_blank"]:hover,
a[target="_blank"]:hover:after  {
    color: white;
    color:var(--background);
    background: black;
    background:var(--text);
    transition: 0.25s;
}

a:active {
    color:var(--background);
    background:var(--accent);
    transition: 0.25s;
}

a[target="_blank"] {
    position: relative;
}

a[target="_blank"]:after {
    content: "\2197";
}

footer a, footer a:hover {
    background-color: transparent;
    color:initial;
}
  • URL: /components/raw/links/links.demo.css
  • Filesystem Path: src/components/inline-elements/links/links.demo.css
  • Size: 678 Bytes

No notes defined.