global link style

This commit is contained in:
Yves Gatesoupe 2020-07-16 17:16:54 +02:00
parent ef4bc329e9
commit da18a85719
3 changed files with 5 additions and 24 deletions

View File

@ -17,7 +17,7 @@
{% if personalSite %}
<p>
<strong>site web :</strong>
<a href="{{ personalSite }}" class="highlight">{{ personalSite }}</a>
<a href="{{ personalSite }}">{{ personalSite }}</a>
</p>
{% endif %}
{% if socialMastodon %}

View File

@ -55,17 +55,13 @@ main {
background-color: var(--color-selection-bg);
}
a,
a:visited {
a:not([class]),
a:not([class]):visited {
color: var(--color-dark);
&.highlight {
background-color: var(--color-primary);
text-decoration: none;
font-weight: 600;
&:hover {
text-decoration: underline;
}
text-decoration: none;
}
}

View File

@ -20,21 +20,6 @@
margin-bottom: 1rem;
}
a:not([class]) {
@include apply-utility('leading', 'tight');
color: var(--color-dark);
position: relative;
display: inline-block;
background: var(--color-theme-highlight);
padding: .2rem .4rem .3rem;
text-decoration: none;
word-break: break-word;
}
a:not([class]):hover {
text-decoration: underline;
}
code {
font-size: 1.2em;
color: var(--color-theme-primary);